/* Pattern studio: keep controls outside the price/geometry area. */
.sky-experience #modal-card { width:min(1760px,100%);max-height:1120px; }
.sky-experience #modal-card:fullscreen { width:100vw;height:100dvh;max-height:none;max-width:none; }
@media(min-width:1000px) {
 .sky-experience #modal-inner { grid-template-columns:var(--sky-sidebar-width,300px) minmax(0,1fr); }
}
.sky-sidebar-size { display:flex;align-items:center;gap:12px;padding:4px 18px 12px;color:#9db9c8;font-size:11px; }
.sky-sidebar-size input { width:130px;accent-color:#4bdfc3; }
.sky-experience #sky-lab-complete { margin-right:auto;border-color:#3a7d78;color:#9ff3dc;background:#092722; }
.sky-experience #sky-lab-complete[aria-pressed="true"] { border-color:#d8ad5e;color:#f2d193;background:#2b2317; }
.sky-experience .sky-lab-extras { flex-wrap:wrap;gap:6px; }
.sky-experience .sky-schema-line.is-structure { stroke-width:2.8; }
.sky-experience svg[data-direction="bear"] .sky-schema-line.is-structure { stroke:#fc92a5; }
.sky-experience svg[data-direction="bear"] .sky-schema-aura { stroke:#e3577b; }
.sky-experience svg[data-direction="neutral"] .sky-schema-line.is-structure { stroke:#f3cf7b; }
.sky-experience .sky-schema-region { fill:#4ca7d5;opacity:.11; }
.sky-experience .sky-schema-line.is-boundaries { stroke:#82baff;stroke-dasharray:6 5; }
.sky-experience .sky-anatomy-grid { opacity:.2;stroke:#46708c; }
.sky-experience .sky-progressive-model3d { display:flex;flex-direction:column;padding:0; }
.sky-experience .sky-model3d-stage { position:relative;inset:auto;flex:1;min-height:0;overflow:hidden; }
.sky-experience .sky-model3d-label-layer { bottom:52px; }
.sky-experience .sky-model3d-controls { position:relative;inset:auto;flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-top:1px solid #173143;background:#06111b; }
.sky-experience .sky-model3d-controls button,.sky-experience .sky-candle-controls button { min-height:34px;padding:7px 11px;border:1px solid #294757;border-radius:6px;background:#0c1c29;color:#c1dce7;font:500 11px/1.2 var(--font-sans);cursor:pointer; }
.sky-experience .sky-model3d-controls button:hover,.sky-experience .sky-candle-controls button:hover { border-color:#65b9b0;background:#10312f; }
.sky-experience .sky-model3d-controls button[aria-pressed="true"] { color:#a7ffe5;border-color:#4bad95;background:#11382f; }
.sky-experience .sky-model3d-controls label { display:flex;gap:8px;align-items:center;color:#9ebcc8;font:11px var(--font-sans);padding-inline:8px; }
.sky-experience .sky-model3d-controls input { width:80px;accent-color:#48d2b7; }
.sky-experience .sky-model3d-label { padding:5px 8px;border-radius:5px;background:#071923e8;border:1px solid #427288;font-size:11px;line-height:1.4;box-shadow:0 3px 14px #0004; }
.sky-experience .sky-candle-controls { display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;padding:5px 0; }
.sky-experience .sky-candle-controls button:nth-child(3),.sky-experience .sky-candle-controls button:nth-child(4),.sky-experience .sky-candle-controls button:nth-child(5),.sky-experience .sky-candle-controls button:nth-child(6) { min-width:36px;font-size:16px; }
.sky-experience .sky-candle-controls button:last-child { margin-left:auto;color:#8aefd7;border-color:#327464; }
.sky-experience .sky-candle-canvas { touch-action:none;cursor:crosshair; }
.sky-experience .sky-candle-canvas:active { cursor:grabbing; }
.sky-experience .sky-candle-readout { min-height:30px;line-height:1.6;box-sizing:border-box; }
.sky-experience .sky-candle-disclaimer { margin:2px 0;font-size:9px; }
.sky-experience #modal-card button:focus-visible,.sky-experience #modal-card input:focus-visible { outline:2px solid #71e9d1;outline-offset:3px; }
@media(max-width:999px) { .sky-sidebar-size { display:none; } }
@media(max-width:760px) and (orientation:portrait) {
 .sky-experience #modal-card { max-height:none; }
 .sky-experience .modal-right,.sky-experience .modal-left { flex:none;height:auto; }
 .sky-experience #modal-viewport { height:clamp(380px,56dvh,560px); }
 .sky-experience .sky-model3d-controls { gap:4px;padding:6px; }
 .sky-experience .sky-model3d-controls button,.sky-experience .sky-candle-controls button { min-height:38px;padding:6px 9px;font-size:10px; }
 .sky-experience .sky-model3d-label-layer { bottom:92px; }
 .sky-experience .sky-candle-readout { font-size:9px; }
}
@media(max-height:520px) and (orientation:landscape) {
 .sky-experience .sky-model3d-controls { gap:3px;padding:3px; }
 .sky-experience .sky-model3d-controls button { padding:4px 7px;min-height:28px;font-size:9px; }
 .sky-experience .sky-candle-controls { gap:3px;padding:2px; }
 .sky-experience .sky-candle-controls button { min-height:27px;padding:3px 7px;font-size:9px; }
}