/* Keep the original drawing switches available on every touch layout. */
.mobile-studio > footer {
 display:flex!important;flex:0 0 48px;height:48px!important;min-height:48px!important;
 width:100%;box-sizing:border-box;padding:2px 6px;position:relative;z-index:40;
 background:#203240;border-top:1px solid #496478;
}
.mobile-studio > footer > div {display:flex;width:100%;gap:6px;justify-content:stretch}
.mobile-studio > footer :is(.units,#layout,#coords,#tool-status) {display:none!important}
.mobile-studio :is(footer,.tablet-drawing-toggles) :is(#ortho,#show-grid) {
 display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;
 min-width:0;min-height:44px;height:44px;padding:4px 10px;box-sizing:border-box;
 font-size:13px;touch-action:manipulation;border:1px solid #607e93;border-radius:5px;
 background:#2c3d4e;color:#d5e4ed;
}
.mobile-studio #ortho::before {content:'∟';font-size:22px;line-height:1}
.mobile-studio #show-grid::before {content:'▦';font-size:22px;line-height:1}
.mobile-studio :is(footer,.tablet-drawing-toggles) button.active {background:#176483!important;border-color:#68d8ff!important;color:white!important}
.mobile-studio :is(footer,.tablet-drawing-toggles) button:focus-visible {outline:2px solid #73e2ff;outline-offset:-3px}
/* Leave the drawing switches clear of the floating touch mouse. */
.mobile-studio .mobile-mouse {bottom:calc(88px + env(safe-area-inset-bottom) + var(--mobile-input-height,0px))!important}
.tablet-studio .mobile-mouse {bottom:calc(56px + env(safe-area-inset-bottom) + var(--mobile-input-height,0px))!important}

/* Tablet switches share the CrocoSnap row and stay on its physical right. */
.tablet-studio > footer {display:none!important}
.tablet-studio .snap-controls,.tablet-studio[data-mobile-panel] .snap-controls {display:flex!important;align-items:center;gap:12px;direction:ltr}
.tablet-studio .snap-options {flex:1 1 auto;min-width:0}
.tablet-studio .tablet-drawing-toggles {display:flex;flex:0 0 auto;align-self:center;gap:6px;margin-left:auto;direction:ltr}
.tablet-studio .tablet-drawing-toggles :is(#ortho,#show-grid) {flex:0 0 auto;min-width:78px;font-size:12px;padding:4px 8px}
