/* Mobile layout: clear model stage and touch-sized controls. */
@media(max-width:820px){
.garage-lab .top-bar{padding:16px 16px 12px;align-items:center;background:#080d16ed;border-bottom:1px solid #bdddea16;min-height:60px}
.garage-lab .brand b{font-size:12px;letter-spacing:1.2px}.garage-lab .brand span{display:none}.garage-lab .studio-link{font-size:10px;min-height:34px;padding:8px 10px}
.garage-lab #canvas{top:132px;bottom:auto;height:calc(100% - 330px)!important}
.garage-lab .lab-hud{left:16px;right:16px;top:74px;max-width:none}.garage-lab .lab-eyebrow{font-size:8px;letter-spacing:.8px}
.garage-lab .lab-readouts{display:flex;justify-content:space-between;width:100%;gap:12px;margin-top:11px;padding:0;background:none;border:0;border-radius:0}.garage-lab .lab-readouts small{font-size:9px;letter-spacing:.4px}.garage-lab .lab-readouts b{font-size:18px}.garage-lab .lab-readouts span{gap:4px}
.garage-lab .lab-corners{top:147px;bottom:210px}
.garage-lab #app:not(.panel-open) .cc-console{top:auto;bottom:186px;right:16px;width:auto;max-height:calc(100dvh - 250px)}
.garage-lab .cc-console summary{font-size:10px;min-height:44px;padding:10px 13px;letter-spacing:.5px}.garage-lab .cc-console summary small{display:none}
.garage-lab #app .cc-console[open],.garage-lab #app.panel-open .cc-console[open]{position:absolute;top:auto;bottom:186px;left:16px;right:16px;width:auto;max-width:none;max-height:calc(100dvh - 260px);z-index:30;background:#0c1725fa}
.garage-lab .cc-mode-grid button{font-size:12px;min-height:74px}.garage-lab .cc-environment{font-size:10px}.garage-lab .cc-environment select{font-size:14px;min-height:44px}.garage-lab .cc-state{font-size:12px}
.garage-lab #app .cc-viewdock{left:12px;right:12px;bottom:76px;padding:5px;border-radius:16px;max-width:none}
.garage-lab #app .cc-viewdock .lab-view-actions{gap:6px;display:grid;grid-template-columns:1fr 1fr;padding:0 0 4px;margin:0 0 3px}
.garage-lab #app .cc-viewdock .lab-view-actions button{font-size:12px;min-height:44px;width:auto;padding:9px 8px}.garage-lab #app .cc-viewdock .lab-view-actions button span{font-size:15px}
.garage-lab #app .cc-viewdock #sceneTools{justify-content:space-between;gap:0}.garage-lab #app .cc-viewdock #sceneTools button{min-height:40px;font-size:11px;padding:8px 7px;flex:1}
.garage-lab #panelBtn{bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;transform:none;min-height:52px;width:calc(100% - 24px);font-size:14px;border-radius:15px;box-shadow:0 7px 28px #e7334d22}
.garage-lab #app.panel-open #canvas{top:60px;height:calc(44% - 120px)!important}.garage-lab #app.panel-open .lab-hud{display:none}
.garage-lab #app.panel-open .cc-console{top:70px;right:12px;max-height:none}.garage-lab #app.panel-open .cc-console[open]{top:70px;bottom:auto;max-height:calc(100dvh - 110px)}
.garage-lab #app.panel-open .cc-viewdock{bottom:calc(56dvh + 8px);padding:4px;left:12px;right:12px}.garage-lab #app.panel-open .cc-viewdock #sceneTools{display:none}.garage-lab #app.panel-open .cc-viewdock .lab-view-actions{border:0;margin:0;padding:0}
.garage-lab #config{padding:12px 16px calc(20px + env(safe-area-inset-bottom));gap:10px;border-radius:24px 24px 0 0;border-top-color:#bdddea45}
.garage-lab .cfg-title{font-size:12px;min-height:44px;padding:0}.garage-lab #configClose{font-size:12px;min-height:44px;padding:10px 13px}.garage-lab .lab-steps{top:-1px;flex-shrink:0}.garage-lab .lab-steps button{min-height:48px;font-size:12px;gap:4px}.garage-lab .lab-steps button span{font-size:9px}
.garage-lab .lab-stage-intro{padding:0}.garage-lab .lab-stage-intro small,.garage-lab .lab-stage-intro p{display:none}.garage-lab .lab-stage-intro h2{font-size:22px;margin:5px 0 4px}
.garage-lab .tg,.garage-lab .acc-h{min-height:44px;font-size:12px}.garage-lab .lab-field input,.garage-lab .lab-field select{font-size:16px;min-height:46px}.garage-lab .lab-field>span{font-size:12px}.garage-lab .lab-add button{font-size:12px;min-height:46px}
.garage-lab .cc-precision-hint{bottom:235px;left:16px;right:16px;font-size:11px;padding:7px}.garage-lab #app.panel-open .cc-precision-hint{bottom:calc(56dvh + 66px);font-size:10px}
.garage-lab .cc-section-heading{margin-bottom:10px}.garage-lab .cc-material-hero{margin:14px 0}.garage-lab .cc-surface-tabs button{font-size:12px;min-height:44px}.garage-lab .cc-sample-name{font-size:12px}.garage-lab .cc-family button{font-size:12px;min-height:44px}
}
@media(max-width:360px){.garage-lab .brand b{font-size:10px;letter-spacing:.6px}.garage-lab .studio-link{font-size:9px}.garage-lab #app .cc-viewdock #sceneTools button{font-size:10px;padding:8px 4px}.garage-lab .cc-section-heading small{display:none}.garage-lab .cc-surface-tabs button{font-size:10px}.garage-lab .lab-readouts b{font-size:17px}}
@media(max-width:820px) and (max-height:620px){.garage-lab #app:not(.panel-open) .cc-console{bottom:174px}.garage-lab #canvas{top:112px;height:calc(100% - 290px)!important}.garage-lab .lab-hud{top:64px}.garage-lab .lab-eyebrow{display:none}.garage-lab .lab-readouts{margin-top:0}}
@media(max-width:820px){.garage-lab #app.panel-open .cc-viewdock .lab-view-actions button{min-height:44px;width:auto;min-width:0;font-size:12px;padding:9px 8px}.garage-lab #app.panel-open .cc-viewdock .lab-view-actions button span{font-size:15px}.garage-lab #app.panel-open .cc-viewdock .lab-view-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.garage-lab #app.panel-open .cc-precision-hint{bottom:calc(56dvh + 70px)}}
