.studio{--steps-w: 232px;display:flex;flex-direction:column;gap:1rem;min-width:0}.studio-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 2rem;margin:0}.studio-head h1{margin:0}.studio-head .sub{margin:.25rem 0 0}.studio-scope{display:grid;gap:.25rem;font-weight:600}.studio-scope select{min-width:15rem}.studio-trial{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0;max-width:none;padding:.75rem 1rem;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--text);border:1px solid var(--accent-line)}.studio>.notice{margin:0}.studio-body{display:grid;grid-template-columns:var(--steps-w) minmax(0,1fr);gap:2rem;align-items:start}.studio-steps{position:sticky;top:1rem}.studio-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.studio .step{display:grid;grid-template-columns:2rem 1fr;column-gap:.75rem;align-items:center;width:100%;min-height:56px;padding:.5rem .75rem;border:0;border-radius:var(--r-sm);background:transparent;color:var(--nav-text, var(--text));text-align:left;font:inherit;cursor:pointer}.studio .step:hover{background:var(--nav-hover)}.studio .step[aria-current=step]{background:var(--nav-selected);color:var(--nav-selected-text, var(--text))}.studio .step-mark{grid-row:span 2;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;border:2px solid var(--border-strong);font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted)}.studio .step[aria-current=step] .step-mark{border-color:var(--accent);color:var(--accent);background:var(--surface)}.studio .step.is-set:not([aria-current=step]) .step-mark{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.studio .step-name{font-weight:600;line-height:1.3}.studio .step-value{color:var(--muted);line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(360px,1fr) auto auto;gap:1rem;min-width:0;min-height:calc(100dvh - 9rem)}.studio .choices-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem 1rem;margin:0 0 .75rem}.studio .choices-head h2{margin:0}.studio .choices-head p{grid-column:1;grid-row:2;margin:0;color:var(--muted)}.studio .preview-mode{grid-column:2;grid-row:1 / span 2}.studio .preview-mode .segmented{min-width:15rem}.preview-frame{position:relative;min-height:340px;border-radius:var(--r);overflow:hidden;border:1px solid var(--border-strong);background:var(--surface-2)}.preview-host{position:absolute;inset:0}.studio .choices-wrap :focus-visible{scroll-margin-block:.75rem}@media(min-height:601px){html:has(.studio .choices-wrap :focus){scroll-padding-bottom:calc(var(--studio-foot, 0px) + .5rem)}}@media(min-width:821px)and (min-height:700px){.studio .preview-frame{position:sticky;top:.75rem;z-index:2}html:has(.studio .choices-wrap :focus){scroll-padding-top:calc(var(--studio-frame, 0px) + .5rem)}}.preview-frame.is-lighting{position:fixed;z-index:60;margin:0}.studio .choices{min-width:0}.studio .choices>*+*{margin-top:1rem}.studio .choice+.choice{margin-top:1rem}.studio .choice-label{display:block;margin:0 0 .5rem;font-weight:600}.studio .choice-label-gap{margin-top:1rem}.studio .choice-help{margin:.5rem 0 0;color:var(--muted);max-width:60ch}.studio .stage-foot{position:sticky;bottom:0;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 0;background:var(--bg);border-top:1px solid var(--border)}.studio .foot-note{flex:1 1 auto;margin:0;color:var(--muted)}@media(max-height:600px){.studio .stage-foot{position:static}}.studio .opt-strip{display:grid;grid-auto-flow:column;grid-auto-columns:var(--opt-w, 200px);gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:.75rem;scroll-padding-inline:.75rem;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.studio .opt-strip>*{scroll-snap-align:start}.studio .opt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--opt-w, 150px),1fr));gap:.75rem;padding:.5rem}.studio .opt{position:relative;display:grid;gap:.5rem;align-content:start;padding:0;border:0;background:none;color:var(--text);text-align:left;font:inherit;cursor:pointer;min-width:0}.studio .opt-face{position:relative;display:block;border-radius:10px;overflow:hidden;border:1px solid var(--border-strong);background:var(--surface)}.studio .opt[aria-checked=true] .opt-face{outline:3px solid var(--accent);outline-offset:3px}.studio .opt:focus-visible{outline:3px solid var(--ring);outline-offset:8px}.studio .opt-name{font-weight:600;line-height:1.3}.studio .opt-note{color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.studio .opt-check{position:absolute;top:.5rem;left:.5rem;z-index:3;width:1.75rem;height:1.75rem;border-radius:50%;display:none;place-items:center;background:var(--accent);color:var(--on-accent)}.studio .opt-check .ico{width:1rem;height:1rem;stroke-width:3;opacity:1}.studio .opt[aria-checked=true] .opt-check{display:grid}.studio .mini .opt-face{height:124px}.studio .mini .opt-note{-webkit-line-clamp:1}.studio .colour-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start}.studio .seed-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.studio .seed-row+.seed-row,.studio .seed-row+.choice-help{margin-top:.5rem}.studio input[type=color]{flex:none;width:44px;min-width:44px;height:44px;min-height:44px;padding:4px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);cursor:pointer}.studio input[type=color]::-webkit-color-swatch-wrapper{padding:0}.studio input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.studio input[type=color]::-moz-color-swatch{border:0;border-radius:3px}.studio .seed-row input[type=text]{width:7.5rem;font-variant-numeric:tabular-nums}.studio .palette-rows{display:grid;gap:.75rem}.studio .palette-row{display:grid;gap:.5rem}.studio .palette-row>strong{font-weight:600}.studio .wells{display:flex;flex-wrap:wrap;gap:.5rem}.studio .well{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:4.75rem;text-align:center;line-height:1.25}.studio .well span{color:var(--muted)}.studio .checks{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.studio .checks li{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:999px;background:var(--surface);border:1px solid var(--border-strong);font-variant-numeric:tabular-nums}.studio .checks li.fail{border-color:var(--danger);background:var(--danger-soft);color:var(--text)}.studio .checks .ico{width:1rem;height:1rem;stroke-width:2.5;opacity:1}.studio .specimen .opt-face{display:grid;align-content:center;gap:.25rem;height:148px;padding:1rem;color:var(--text)}.studio .spec-display{font-family:var(--font-display, var(--font-ui));font-size:var(--type-page);line-height:1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.studio .spec-reading{font-family:var(--font-reading, var(--font-ui));font-size-adjust:var(--reading-adjust, none);line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.studio .shelf-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,20rem);gap:1.25rem 2rem;align-items:start}.studio .layout .opt-note{-webkit-line-clamp:1}.studio .layout .opt-face{height:64px;padding:12px;display:flex;align-items:flex-end;gap:4px}.studio .layout .opt-face i{display:block;background:var(--accent-line);border-radius:2px}.studio .lay-tiles i{width:18%;height:70%}.studio .layout .lay-list{flex-direction:column;align-items:stretch;justify-content:center}.studio .lay-list i{height:12px}.studio .layout .lay-bookcase{border-bottom:6px solid #b98a55}.studio .lay-bookcase i{width:20%;height:78%}.studio .layout .lay-spines{border-bottom:6px solid #5f3d25;gap:2px}.studio .lay-spines i{width:8%}.studio .fine-controls{display:grid;gap:1rem}.studio .material .opt-face{height:44px}.studio .range-row{display:grid;grid-template-columns:minmax(0,1fr) 3.5rem;align-items:center;gap:.75rem}.studio .range-row output{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right}.studio .ground .opt-face{height:72px}.studio .scene .opt-face{height:96px}.studio .scene-face img{display:block;width:100%;height:100%;object-fit:cover}.studio .room-controls>*+*{margin-top:1rem}.studio .weather-chips{display:flex;flex-wrap:wrap;gap:.5rem}.studio .chip-opt{min-height:44px;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer}.studio .chip-opt[aria-checked=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.studio .switch-row{display:flex;align-items:center;gap:.5rem;min-height:44px;font-weight:600}.studio .switch-row input{flex:none;width:22px;height:22px;accent-color:var(--accent)}.studio .picture-controls{display:grid;gap:1rem;max-width:34rem}.studio .picture-thumb{display:block;aspect-ratio:16 / 9;max-width:22rem;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface-2) var(--picture, none) center / cover no-repeat}.studio .picture-actions{display:flex;flex-wrap:wrap;gap:.5rem}.studio .save-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:1rem 2rem;align-items:start}.studio .save-grid .field{margin:0}.studio .save-grid .field p{margin:0 0 .25rem}.studio .offer{padding:1rem;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border-strong)}.studio .offer p{margin:0 0 .5rem}.studio .studio-advanced{grid-column:1 / -1;border-top:1px solid var(--border);padding-top:.5rem}.studio .studio-advanced>summary{min-height:44px;display:flex;align-items:center;font-weight:600;cursor:pointer}.studio .css-editor{display:block;width:100%;min-height:12rem;resize:vertical;margin-bottom:.5rem;font-family:ui-monospace,"IBM Plex Mono",monospace;line-height:1.5;tab-size:2}.studio .css-help{margin-top:.75rem}.studio .css-help>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.studio .css-help pre{max-height:14rem;overflow:auto;padding:.75rem;border-radius:var(--r-sm);background:var(--surface-2)}.studio .studio-files{margin-top:1rem}.studio .kept-list{list-style:none;margin:.5rem 0 .75rem;padding:0;display:grid;gap:.5rem}.studio .kept{display:grid;gap:.5rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface)}.studio .kept-name{font-weight:600}.studio .kept-actions,.studio .kept-share{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.studio .kept-link{flex:1 1 15rem;min-width:0;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.studio .kept-rename{width:min(100%,22rem)}.studio .kept-mine-list{list-style:none;margin:.5rem 0 0;padding:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.studio .kept-opt{width:100%}.studio-scroll{height:100%;overflow:auto;overscroll-behavior:contain;zoom:var(--zoom, .74);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.studio-mini.app{align-items:stretch;min-height:var(--frame-h, 640px);position:relative;background-color:var(--bg);color:var(--text);font-family:var(--font-ui)}.studio-mini.app.room{--view-left: 188px;--view-h: calc(var(--frame-h, 640px) * (.3 + var(--reach, .45) * .7))}.studio-mini.app.room[data-style-ground]{background-attachment:scroll}.studio-mini>main{position:relative;z-index:1}.studio-mini .mini-rail{position:relative;z-index:2;flex:0 0 188px;display:flex;flex-direction:column;gap:.25rem;padding:1.25rem .75rem;background:var(--sidebar, var(--bg));color:var(--nav-text, var(--text))}.studio-mini.room[data-style-ground]>.mini-rail{background:transparent}.studio-mini .mini-brand{font-weight:600;margin-bottom:.5rem}.studio-mini .mini-add{justify-content:center;margin-bottom:.5rem}.studio-mini .mini-label{margin-top:.5rem;color:var(--nav-label, var(--muted));font-weight:600}.studio-mini .mini-item{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem;border-radius:8px}.studio-mini .mini-item.is-active{background:var(--nav-selected);color:var(--nav-selected-text, var(--text));font-weight:600}.studio-mini .mini-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-mini .mini-count{color:var(--muted);font-variant-numeric:tabular-nums}.studio-mini .library-canvas{padding:1rem;border-radius:var(--r);background-color:var(--bg);color:var(--text)}.studio-mini .mini-picture{position:absolute;inset:0;z-index:0;background:var(--picture) center / cover no-repeat;pointer-events:none}.studio-mini .mini-picture::after{content:"";position:absolute;inset:0;background:var(--bg);opacity:var(--dim, .55)}.studio-mini .mini-picture[data-fit=contain]{background-size:contain}.studio-mini .mini-picture[data-fit=tile]{background-size:auto;background-repeat:repeat}.studio-mini:not([data-style-picture])>.mini-picture{display:none}:host([data-ambient-paused="true"]) .room-weather i{animation-play-state:paused}@media(max-width:820px){.studio-mini.app.room{--view-left: 0px;--view-h: calc(var(--frame-h, 640px) * (.22 + var(--reach, .45) * .4))}.studio-mini .mini-rail{display:none}}.studio-shared{display:grid;gap:1rem;max-width:72rem}.studio-shared .shared-mode{display:flex}.studio-shared .shared-frame{position:relative;height:min(66vh,540px);min-height:320px;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface-2)}.studio-shared .shared-host{position:absolute;inset:0;display:block}.shared-mini.app{min-height:100%}.shared-mini.app.room{--view-left: 0px;--view-h: calc(100% * (.3 + var(--reach, .45) * .5))}.shared-mini.app.room[data-style-ground]{background-attachment:scroll}.shared-mini>main{padding:1.25rem}.face-room{position:absolute;inset:0;display:block;overflow:hidden;background-color:var(--bg);color:var(--text)}.face-room .mini-view{position:absolute;inset:0 0 42% 0;background:var(--scene-image) center / cover no-repeat}.face-room .mini-sheet{position:absolute;left:10px;bottom:10px;right:10px;display:grid;gap:8px;padding:8px 12px 0;border-radius:calc(var(--cover-r, 5px) + 3px);background:var(--surface);color:var(--text)}.face-room .mini-title{font:600 1rem / 1.2 var(--font-display, var(--font-ui, system-ui, sans-serif));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.face-room .mini-shelf{display:flex;align-items:flex-end;gap:4px;height:44px;padding:0 2px 4px;border-bottom:3px solid var(--border-strong)}.face-room .mini-shelf i{display:block;border-radius:calc(var(--cover-r, 5px) / 2);overflow:hidden}.face-room .mini-shelf .t{width:22px;height:33px;background:var(--c, var(--surface-2))}.face-room .mini-shelf .t img{display:block;width:100%;height:100%;object-fit:cover}.face-room .mini-shelf .s{width:9px;background:var(--c)}.face-room .mini-shelf .l{flex:1;height:7px;background:var(--surface-2)}.face-room .mini-shelf.is-list{flex-direction:column;align-items:stretch;justify-content:flex-end;border-bottom:0}.face-room .mini-chips{position:absolute;top:8px;right:8px;display:flex;gap:4px}.face-room .mini-chips b{width:15px;height:15px;border-radius:50%;background:var(--k);border:1.5px solid var(--surface)}.face-board{position:absolute;inset:0;display:block;--b-hi: #d9ab73;--b-face: #b98a55;--b-grain: #a57543;--b-edge: #7a5328;background:linear-gradient(to bottom,var(--wall, transparent) 0 34%,var(--b-hi) 34% calc(34% + 3px),var(--b-face) calc(34% + 3px) 70%,var(--b-grain) 70% calc(70% + 2px),var(--b-face) calc(70% + 2px) calc(100% - 3px),var(--b-edge) calc(100% - 3px))}@media(max-width:1050px){.studio{--steps-w: 200px}.studio .shelf-controls{grid-template-columns:minmax(0,1fr)}}@media(max-width:820px){.studio-body{grid-template-columns:minmax(0,1fr);gap:1rem}.studio-steps{position:static;margin:0 -1rem}.studio-steps ol{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding:.5rem 1rem;scroll-padding-inline:1rem;scrollbar-width:none}.studio .step{grid-template-columns:1.75rem auto;min-height:48px;padding:.25rem .75rem .25rem .5rem}.studio .step-mark{width:1.75rem;height:1.75rem;grid-row:auto}.studio .step-value{display:none}.studio-stage{min-height:0;grid-template-rows:46vh auto auto}.studio .preview-frame{min-height:0}.studio .choices-head{grid-template-columns:minmax(0,1fr)}.studio .preview-mode{grid-column:1;grid-row:auto}.studio .preview-mode .segmented{min-width:0}.studio .stage-foot{margin:0 -1rem;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom))}.studio .foot-note,.studio .foot-to{display:none}.studio-scope,.studio-scope select{width:100%;min-width:0}.studio-scope select{overflow:hidden;text-overflow:ellipsis}}.sidebar.style-shift{transition:background-color 400ms var(--ease-out)}.sidebar.style-shift::after{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:4px;pointer-events:none;background:var(--accent);transform-origin:top;animation:rail-sweep 900ms var(--ease-out) both}.sidebar.style-shift .brand-mark{animation:rail-pop 700ms var(--ease-out)}@keyframes rail-sweep{0%{transform:scaleY(0);opacity:1}60%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}@keyframes rail-pop{0%{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}35%{transform:scale(1.12) rotate(-4deg);filter:drop-shadow(0 0 6px var(--accent))}100%{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}}@media(prefers-reduced-motion:reduce){.sidebar.style-shift::after{display:none}.sidebar.style-shift,.sidebar.style-shift .brand-mark{transition:none;animation:none}}@media(forced-colors:active){.studio .step[aria-current=step] .step-mark{forced-color-adjust:none;background:Highlight;border-color:Highlight;color:HighlightText}.studio .step.is-set:not([aria-current=step]) .step-mark{forced-color-adjust:none;background:CanvasText;border-color:CanvasText;color:Canvas}.studio .opt:focus-visible{outline-color:Highlight}.studio .layout .opt-face i{background:CanvasText}}