/* Shared compact touch controller; labels remain available to assistive technology. */
.mobile-studio .mobile-mouse{width:252px!important;max-width:calc(100vw - 16px);height:80px!important;min-height:0!important;padding:5px!important;gap:4px!important;grid-template-columns:168px 68px!important;grid-template-rows:32px 32px!important;box-sizing:border-box;direction:ltr;border-radius:10px}
.mobile-studio .mobile-modes{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(5,32px)!important;gap:2px!important;padding:0!important}
.mobile-studio .mobile-actions{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(4,32px)!important;gap:2px!important;padding:0!important;justify-content:end}
.mobile-studio .mobile-mouse button{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:6px!important;display:grid;place-items:center;touch-action:manipulation;border-radius:6px}
.mobile-studio .mobile-mouse button svg{pointer-events:none;width:18px;height:18px}
.mobile-studio .mobile-mouse button[aria-pressed=true]{background:#416b7e!important;border-color:#8cdbf2!important;color:#fff}
.mobile-studio .mobile-pad{grid-column:2!important;grid-row:1/3!important;width:68px;height:68px!important;min-height:0!important;margin:0!important;border-radius:50%;position:relative;box-sizing:border-box;background:radial-gradient(circle,#486f8199,#182e3c99)!important;touch-action:none}
.mobile-studio .mobile-pad span{display:none!important}
.mobile-studio .mobile-pad::after{content:'✥';font-size:25px;color:#b1deed;pointer-events:none}
.tablet-studio #drawing-stick,.tablet-studio #stick-cursor{display:none!important}
.tablet-studio .mobile-mouse{display:grid!important;position:fixed;right:calc(var(--tablet-sidebar,0px) + 8px)!important;bottom:calc(30px + var(--mobile-input-height,0px))!important}
.tablet-studio #mobile-cursor:not([hidden]){display:block!important}
.mobile-studio .mobile-mouse[hidden],.mobile-studio[data-mobile-panel] .mobile-mouse,.mobile-studio.mobile-typing .mobile-mouse{display:none!important}
#quick-settings-toggle[hidden]{display:none!important}
body:has(.menubar details[open]) #quick-settings-toggle,body:has(.menubar details[open]) #quick-settings{display:none!important}

.mobile-studio .mobile-pad::after{transform:translate(var(--stick-x,0px),var(--stick-y,0px));}