.studio-sr-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.studio-app button:focus-visible,.studio-app a:focus-visible,.studio-app input:focus-visible,.studio-app select:focus-visible{outline:3px solid #e5662b;outline-offset:3px}
@media(max-width:760px){
 .studio-head{position:sticky;top:0;z-index:30}
 .studio-body{display:flex;flex-direction:column;height:auto}
 .main-work{order:0;flex:none;width:100%;height:clamp(230px,38dvh,360px);position:sticky;top:58px;z-index:20;box-shadow:0 3px 12px #0002}
 .rail{order:1;display:flex;flex:none;height:auto;flex-direction:row;justify-content:space-around;gap:4px;padding:4px;position:sticky;top:calc(58px + clamp(230px,38dvh,360px));z-index:21}
 .rail button{height:54px;flex:1;min-width:0}
 .rail b{font-size:11px}
 .properties{order:2;width:100%;height:auto;max-height:none;overflow:visible;border-right:0;padding-bottom:24px}
 .properties .prop-group h3,.properties .range div,.properties .property-field{font-size:12px}
 .properties .model-grid button,.properties .shape-grid button,.properties .wood-swatches button{font-size:11px;min-height:48px}
 .properties .model-grid b,.properties .shape-grid b,.properties .add-grid span,.total-card small{font-size:11px}
 .properties input:not([type=range]):not([type=color]),.properties select,.properties textarea{font-size:16px}
 .properties .panel-title p,.properties .order-preview small{font-size:12px}
 .statusbar{min-height:36px;height:auto;font-size:10px;flex-wrap:wrap}
 .statusbar strong{font-size:14px}
 .head-actions .order-head{font-size:12px;min-height:38px}
 .main-work .view-tools button{font-size:11px;min-height:36px}
 .total-card{font-size:14px}
 .primary-order{font-size:14px;min-height:44px}
 .modal{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
}
@media(max-height:560px) and (max-width:760px){
 .main-work{position:relative;top:auto;height:240px}
 .rail{top:58px}
}
@media(max-width:320px){
 .studio-head{display:grid;grid-template-columns:1fr auto;gap:4px;height:auto;padding:6px 10px;position:relative}
 .doc-title{display:none}
 .brand{grid-column:1;grid-row:1}
 .head-actions{grid-column:2;grid-row:1}
 .history-actions{grid-column:1/-1;grid-row:2;justify-content:center;margin:0}
 .main-work,.rail{position:relative;top:auto}
 .rail b{font-size:10px}
}