.studio{padding-block:36px 32px}.studio-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:26px}.studio-intro h1{font-size:clamp(48px,5.4vw,83px);letter-spacing:-.072em;line-height:1.02;margin:9px 0}.studio-intro h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em;color:var(--blue)}.studio-intro h1 em span{color:var(--copper)}.studio-intro p{font-size:16px}.studio-index,.scene-id,.scene-label,.scene-caption small,.measure-strip span,.limits,.controls legend>span{font:600 10px/1.4 var(--mono);letter-spacing:.075em}.studio-index{color:#506578;white-space:nowrap}.workbench{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr);gap:22px;align-items:start}.model-area{min-width:0}.scene{position:relative;background:#182c40;color:white;border-radius:9px 9px 0 0;overflow:hidden;height:clamp(390px,35vw,540px)}#scene{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}#scene:focus-visible{outline-offset:-4px}.scene-label,.scene-id,.scene-caption,.zoom{position:absolute}.scene-label,.scene-id,.scene-caption{pointer-events:none}.scene-label{top:17px;left:18px;display:flex;align-items:center;gap:7px;color:#e1eaf4}.scene-label i{width:6px;height:6px;border-radius:50%;background:var(--orange)}.scene-id{right:18px;top:17px;color:#c3d1de}.scene-caption{left:18px;bottom:16px;display:grid;gap:3px;color:#ffffff;text-shadow:0 1px 4px #0d1e2e}.scene-caption>span{font-size:18px;font-weight:600;letter-spacing:-.035em}.scene-caption small{font-size:9px;color:#d0dce7}.zoom{right:14px;bottom:15px;display:flex;gap:4px}.zoom button{width:37px;height:37px;font-size:22px;color:white;background:#152d43ed;border:1px solid #94aabc;border-radius:5px;line-height:1}.zoom button:hover{background:#29455f}.viewbar,.view-group,.view-hint,.trim-row,.swatches,.count-row,.material,.dimension>div,.stepper,.handoff-actions{display:flex;align-items:center;gap:9px}.viewbar{justify-content:space-between;gap:6px;border:1px solid var(--border);background:var(--panel);border-radius:0 0 7px 7px;padding:8px 10px}.view-group{gap:3px}.viewbar button{border:1px solid transparent;padding:6px 10px;min-height:35px;background:transparent;font-size:13px;border-radius:4px;font-weight:650}.viewbar button[aria-pressed=true]{color:#fff;background:var(--blue)}.viewbar .spin{border-color:#afbecb}.view-hint{font-size:12px;justify-content:space-between;margin:7px 0 16px;color:var(--muted)}.view-hint button{background:none;border:0;text-decoration:underline;text-underline-offset:3px;font-size:12px;min-height:34px}.measure-strip{display:grid;grid-template-columns:1fr 1fr 1fr;border-block:1px solid var(--border);padding:14px 0}.measure-strip>div{display:flex;flex-direction:column;gap:5px;padding-left:15px;border-left:1px solid var(--border)}.measure-strip>div:first-child{border:0;padding-left:0}.measure-strip span{font-size:9px;text-transform:uppercase;color:var(--muted)}.measure-strip strong{font-size:22px;line-height:1.1;letter-spacing:-.045em}.controls{border:1px solid var(--border);background:var(--white);padding:18px 21px 19px;border-radius:7px}.controls h2,.design-summary h2{font-size:clamp(24px,2.2vw,33px);letter-spacing:-.055em;margin:5px 0 12px}.controls fieldset{border:0;padding:11px 0 13px;margin:0;min-width:0}.controls fieldset+fieldset,.controls-head{border-bottom:0}.controls legend{width:100%;padding-top:11px;border-top:1px solid var(--border);font-size:14px;letter-spacing:0;font-weight:700;margin:0}.controls legend>span{font-size:10px;color:var(--copper);margin-right:6px}.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.family-grid button{display:flex;align-items:center;gap:8px;text-align:left;background:#f8fafc;border:1px solid var(--control-border);border-radius:4px;min-height:42px;padding:7px 9px;font-size:13px;font-weight:650}.family-grid svg{width:22px;height:23px;color:#3e637f;flex:none}.family-grid button[aria-pressed=true]{background:var(--blue-tint);border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.dimension{margin-bottom:10px}.dimension>div,.count-row,.material,.trim-row{justify-content:space-between}.controls label,.trim-row>span{font-size:13px;font-weight:600}.dimension output{font:650 13px/1.2 var(--mono)}.dimension input[type=range]{width:100%;min-height:23px;margin:2px 0 0;padding:0;accent-color:var(--blue);background:transparent;border:0;cursor:pointer}.limits{color:#506578;font-size:9px;letter-spacing:.02em}.stepper{background:white;border:1px solid var(--control-border);border-radius:4px;gap:1px}.stepper button{border:0;background:transparent;min-width:31px;height:31px;font-size:18px;line-height:1}.stepper output{min-width:22px;text-align:center;font:600 13px var(--mono)}.material select,#layout-control select{width:auto;font-size:13px;min-height:33px;padding:5px 8px}.trim-row{margin-top:11px}.trim-row strong{display:block;font-size:11px;font-weight:500;color:var(--muted)}.swatches{gap:6px}.swatches button{width:28px;height:28px;border-radius:50%;border:2px solid var(--white);outline:1px solid #8a9daf;position:relative}.swatches button[aria-pressed=true]{outline:2px solid var(--navy)}.swatches button[aria-pressed=true]:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:14px;font-weight:800;text-shadow:0 1px 2px #172d41}.swatches button:focus-visible{outline:3px solid #12659e;outline-offset:3px}#layout-control:not([hidden]){display:flex;justify-content:space-between;align-items:center;margin:0 0 13px}.design-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;border:1px solid var(--border);background:var(--panel);border-radius:6px;padding:20px}.design-summary h2{margin:7px 0}.design-summary p{font-size:14px}.design-summary .review-note{font-size:12px;margin-top:5px;max-width:620px}.handoff-actions{flex-wrap:wrap;justify-content:flex-end;max-width:460px}.handoff-actions .button{font-size:13px;padding:10px 12px;white-space:nowrap}.studio footer{margin-top:35px}#feedback:not(:empty){margin:13px 0;padding:8px 12px;border-left:3px solid var(--orange);font-size:14px}#manual-share{margin-top:12px}#manual-share label{display:block;font-size:13px}
@media(min-width:761px) and (max-width:980px){.top nav{gap:13px}.top nav a{font-size:12px}.head-in{gap:12px}.studio-index{display:none}.workbench{gap:14px;grid-template-columns:minmax(0,1.36fr) minmax(290px,1fr)}.controls{padding:14px}.design-summary{align-items:flex-start}}
@media(max-width:760px){.studio{padding-top:25px}.studio-index{display:none}.workbench{grid-template-columns:1fr;gap:16px}.scene{height:clamp(310px,73vw,440px)}.studio-intro{margin-bottom:17px}.measure-strip{padding:11px 0}.measure-strip strong{font-size:18px}.view-hint{margin:4px 0 8px}.design-summary{flex-direction:column;align-items:start}.handoff-actions{justify-content:flex-start;max-width:none}.controls{padding:18px}.family-grid{grid-template-columns:repeat(4,1fr)}.studio-intro p{font-size:14px}.measure-strip span{font-size:8px}}
@media(max-width:530px){.family-grid{grid-template-columns:1fr 1fr}.view-group{gap:0}.viewbar{padding:6px}.viewbar button{font-size:12px;padding:5px 8px}.view-hint{font-size:10px}.scene-caption>span{font-size:15px}.controls{padding:15px}.scene-caption{bottom:12px;left:12px}.zoom{bottom:11px;right:10px}.scene-label{left:12px;top:12px}.scene-id{right:12px;top:12px}.design-summary{padding:15px}.design-summary .buttons{gap:7px}}
.mobile-view{display:none}.export-panel:not([hidden]){display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;margin-top:16px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:6px}.export-panel img{width:100%;height:auto;border:1px solid var(--border)}.export-panel p{font-size:14px;margin-top:6px}.export-buttons{display:flex;gap:8px;margin-top:14px}.export-buttons .button{font-size:13px}
@media(max-width:760px){.mobile-view{display:inline-block;margin-top:7px;border-bottom:1px solid #7f96a9;font-size:13px;font-weight:650}.export-panel:not([hidden]){grid-template-columns:1fr}}
.fine-dim{display:inline-flex;gap:4px;align-items:center;font:600 11px var(--mono)}.fine-dim input[type=number]{font:600 12px var(--mono);width:70px;min-height:27px;padding:3px 5px 3px 7px;border:1px solid var(--control-border);border-radius:3px}.dimension>div:first-child{min-height:28px}