/* Readable studio controls and a prominent, default-on corner option. */
:root{--muted:#65727b}
.studio{grid-template-columns:minmax(0,1fr) 360px}
.brand{font-size:28px}.brand>span{font-size:9px}.breadcrumb{font-size:13px}.breadcrumb small,.header-note{font-size:10px}
.eyebrow,.section-label{font-size:10px;letter-spacing:.65px;color:#596770}.section-label>span:last-child{font-size:9px;color:#6a7881}
h1{font-size:40px}.stage-top p{font-size:13px}.stage-edition,.object-note{font-size:10px}.drag-hint,.zoom-controls button{font-size:11px}
.panel-heading h2{font-size:25px}.panel-subtitle{font-size:12px;color:#64717b}
aside{padding-left:18px;padding-right:18px}.panel-heading{padding-bottom:12px}.control-section{padding:10px 0}
.corner-option{position:relative;display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;margin:0 0 12px;border:1px solid #c7d4d7;border-radius:9px;background:#f4f7f8;color:#354b54;cursor:pointer;white-space:normal;font-family:'DM Sans',Arial,sans-serif;box-shadow:0 2px 5px #152d3710;transition:background .15s,border-color .15s}
.corner-option:has(input:checked){background:#e8f1ef;border-color:#71998b;color:#183f35}.corner-option:hover{border-color:#3f7768;background:#edf5f1}.corner-option:focus-within{outline:2px solid #337360;outline-offset:3px}
.corner-option input{position:absolute;left:13px;top:16px;width:34px;height:20px;opacity:0;cursor:pointer}
.corner-switch{flex-shrink:0;position:relative;width:34px;height:20px;border-radius:20px;background:#a6b1b5;pointer-events:none}.corner-switch:after{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 1px 3px #132f3830;transition:transform .15s}.corner-option input:checked+.corner-switch{background:#286c55}.corner-option input:checked+.corner-switch:after{transform:translateX(14px)}
.corner-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.corner-copy strong{font-size:13px;font-weight:600}.corner-copy small{font-size:10px;color:#536e65}.corner-mark{margin-left:auto;font-size:30px;line-height:1;color:#498171}
.model-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:8px}.model{flex-direction:column;gap:5px;padding:5px 2px;min-height:53px}.swatch{width:30px;height:27px}.model strong{font-size:11px;font-weight:500;color:#505e67}.model.active strong{color:#192e39}
.mode-switch{margin-top:8px}.mode-switch button{font-size:11px;min-height:30px;padding:6px 3px}#mode-caption{font-size:10px;line-height:1.45;color:#62717b;margin-top:7px}
.views{margin-top:8px;gap:5px}.views button{padding:7px 4px}.views button span{font-size:11px;color:#52636e}.specification{padding-top:10px}dl{margin-top:8px}dl>div{font-size:11px;padding:4px 0}dt{color:#65737c}dd{color:#384e5c}.engineering-note{padding-top:9px}.engineering-note p{font-size:10px;line-height:1.4;color:#65737c}footer{font-size:9px;color:#6b7780}
@media(min-width:701px) and (max-height:720px){aside{padding-top:15px;padding-bottom:10px}.panel-heading h2{font-size:23px}.control-section{padding:8px 0}.corner-option{padding:9px 11px;margin-bottom:9px}.corner-option input{top:13px}.corner-copy small{display:none}.corner-mark{font-size:26px}.corner-option{min-height:44px}.model{min-height:49px}.views button span{font-size:10px}dl>div{padding:3px 0}.engineering-note p{font-size:9px}.section-label{font-size:9px}}
@media(min-width:701px) and (max-width:900px){.studio{grid-template-columns:minmax(0,1fr) 330px}aside{padding-left:13px;padding-right:13px}.header-note{font-size:9px}}
@media(max-width:700px){.studio{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 316px}.brand{font-size:25px}.brand>span{font-size:8px}.breadcrumb{font-size:11px}h1{font-size:32px}.eyebrow,.stage-edition{font-size:9px}.drag-hint{font-size:10px}aside{padding:11px 12px;gap:10px 12px;grid-template-columns:1.12fr 1fr}.control-section{padding:0}.section-label{font-size:9px}.corner-option{padding:8px 6px;gap:7px;min-height:44px;margin-bottom:8px}.corner-option input{left:7px;top:12px}.corner-copy strong{font-size:11px}.corner-copy small,.corner-mark{display:none}.corner-switch{width:30px;height:18px}.corner-switch:after{width:12px;height:12px}.corner-option input:checked+.corner-switch:after{transform:translateX(12px)}.model-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-top:6px}.model{min-height:41px;padding:3px 1px;gap:3px}.swatch{width:100%;height:20px}.model strong{font-size:10px}.mode-switch button{font-size:10px;min-height:40px;padding:7px 1px}.views button{min-height:37px}.views button span{font-size:10px}.specification{padding:0}dl{margin:0}dl>div{font-size:9px;gap:3px;padding:3px 0}.engineering-note{padding:0}.engineering-note p{font-size:9px}footer{font-size:8px;padding:0 12px;letter-spacing:0}.zoom-controls button{font-size:11px}}
.corner-mark{width:24px;height:24px;border:1.5px solid currentColor;border-radius:3px;flex-shrink:0;font-size:0}.corner-option:has(input:checked) .corner-mark{border-radius:8px}
@media(min-width:701px) and (max-height:720px){.panel-heading{padding-bottom:8px}.panel-heading h2{margin:6px 0 0}.control-section{padding:6px 0}.model{padding:4px 2px;gap:4px}.swatch{height:24px}#mode-caption{margin-top:4px}dl>div{padding:2px 0}.engineering-note{padding-top:6px}}
@media(prefers-reduced-motion:reduce){.corner-option,.corner-switch:after{transition:none}}
.breadcrumb a:hover{color:var(--accent)}