.studio-page{--canvas:var(--color-paper,#f3f2ee);--canvas-2:var(--color-smoke,#e2e5df);--paper:var(--card,#f8f7f2);--studio-card:var(--card,#f8f7f2);--studio-card-strong:#fff;--studio-forest:var(--color-forest,#193234);--studio-sage:var(--color-sage,#b4c0b0);--ink:var(--color-ink,#111820);--ink-2:var(--color-forest,#193234);--ink-3:var(--color-river,#4d6464);--ink-4:var(--color-steel,#667278);--rule:#1118201f;--rule-strong:#11182038;--accent:var(--color-copper,#9f5d3f);--accent-2:#7e4933;--accent-soft:#9f5d3f21;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 1px 2px #11182012;--shadow-md:0 12px 30px #1118201f;--radius-card:4px;--radius-pill:9999px;--studio-chrome:104px;min-height:640px;height:clamp(640px, calc(100dvh - var(--studio-chrome)), 860px);background:linear-gradient(180deg, #f8f7f2f5, #f3f2eef5), var(--canvas);border:1px solid var(--rule);color:var(--ink);font-family:var(--font-body);isolation:isolate;grid-template-columns:minmax(0,1fr) clamp(20rem,25vw,24rem);grid-template-areas:"stage controls";gap:16px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd1}.studio-page>.studio-stage,.studio-page>.studio-sidebar,.studio-page>.studio-rail{transition:opacity .26s,transform .26s,filter .26s}.studio-page.is-booting>.studio-stage,.studio-page.is-booting>.studio-sidebar,.studio-page.is-booting>.studio-rail{opacity:0;filter:blur(1px);pointer-events:none;transform:scale(.992)}.studio-boot-loader{z-index:30;background:linear-gradient(180deg, #f8f7f2f5, #f3f2eefa), radial-gradient(circle at 50% 35%, #9f5d3f1f, transparent 42%), var(--canvas);color:var(--ink);justify-content:center;align-items:center;padding:clamp(24px,5vw,56px);display:flex;position:absolute;inset:0}.studio-boot-loader__content{flex-direction:column;align-items:stretch;gap:14px;width:min(420px,100%);display:flex}.studio-boot-loader__eyebrow{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700}.studio-boot-loader__title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(28px,4vw,42px);font-weight:600;line-height:1.02}.studio-boot-loader__bar{background:#1118201a;height:4px;margin-top:8px;overflow:hidden}.studio-boot-loader__bar span{width:var(--studio-load-progress,8%);background:linear-gradient(90deg, var(--accent), #c08a68);height:100%;transition:width .22s;display:block}.studio-boot-loader__status{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;align-items:center;gap:16px;font-size:10px;font-weight:700;display:flex}.studio-stage{flex-direction:column;grid-area:stage;min-width:0;min-height:0;display:flex;position:relative}.studio-sidebar{border:1px solid var(--rule);border-radius:var(--radius-card,4px);-webkit-backdrop-filter:none;background:linear-gradient(#f8f7f2fa,#f3f2eef7);display:block;overflow:hidden;box-shadow:0 14px 34px #1118201a}.studio-sidebar__scroll{scrollbar-gutter:stable;flex-direction:column;gap:20px;height:100%;padding:24px 20px;display:flex;overflow-y:auto}.studio-sidebar--left .studio-sidebar__scroll{gap:16px;padding:20px 16px}.studio-sidebar--left .studio-sidebar__brand{padding-right:24px}.studio-sidebar--left .studio-sidebar__sub{display:none}.studio-sidebar--left .studio-section{padding:16px 0 0}.studio-sidebar--left .studio-row{padding:10px}.studio-sidebar--left .studio-row__desc,.studio-sidebar--left .studio-hint{display:none}.studio-sidebar--left .studio-button-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}[data-theme=dark] .studio-sidebar{background:#1f1d18eb}.studio-sidebar--left{z-index:5;background:linear-gradient(#f8f7f2f7,#f3f2eef2);grid-area:stage;width:clamp(16.5rem,22vw,19.5rem);max-height:calc(100% - 36px);position:absolute;top:18px;bottom:18px;left:18px;box-shadow:0 20px 54px #11182033}.studio-sidebar--right{background:linear-gradient(180deg, var(--studio-card-strong), var(--studio-card));grid-area:controls;min-width:0;min-height:0;position:relative;box-shadow:0 18px 44px #1118201f}.studio-page>.studio-rail:first-child{z-index:5;grid-area:stage;width:42px;height:min(22rem,100% - 36px);position:absolute;top:18px;bottom:auto;left:18px}.studio-stage+.studio-rail,.studio-page>.studio-rail:last-child{grid-area:controls;width:100%;height:100%;position:relative}.studio-sidebar__collapse{width:26px;height:26px;color:var(--ink-3);cursor:pointer;z-index:2;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex;position:absolute;top:18px;right:14px}.studio-sidebar__collapse:hover{border-color:var(--rule-strong);color:var(--accent);background:var(--canvas-2)}.studio-sidebar__collapse:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio-rail{border:1px solid var(--rule);border-radius:var(--radius-card,4px);-webkit-backdrop-filter:none;width:100%;height:100%;color:var(--ink-3);cursor:pointer;font:inherit;background:linear-gradient(#f8f7f2fa,#f3f2eef7);flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;min-width:0;padding:20px 0;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 14px 34px #1118201a}.studio-rail:hover{background:var(--canvas-2);border-color:var(--accent);color:var(--accent)}.studio-rail:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-theme=dark] .studio-rail{background:#1f1d18eb}.studio-rail__chevron{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.studio-rail__label{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;font-size:10px;font-weight:600}.studio-resize-handle{z-index:3;cursor:col-resize;touch-action:none;background:0 0;width:8px;position:absolute;top:0;bottom:0}.studio-resize-handle:after{content:"";background:var(--accent);opacity:0;border-radius:2px;width:2px;height:36px;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-resize-handle:hover:after,.studio-resize-handle:active:after{opacity:.75}.studio-resize-handle--left{right:-4px}.studio-resize-handle--right{left:-4px}.studio-sidebar__brand{border-bottom:1px solid var(--rule);flex-direction:column;gap:6px;padding-bottom:16px;display:flex}.studio-sidebar__brand .eyebrow-mono{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:600}.studio-sidebar__title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin:4px 0 0;font-size:28px;font-weight:400;line-height:1}.studio-sidebar__title em{color:var(--accent-2);font-style:italic}.studio-sidebar__sub{color:var(--ink-3);margin:6px 0 0;font-size:13px;line-height:1.5}.studio-section{flex-direction:column;gap:10px;padding:0;display:flex}.studio-section--footer{border-top:1px solid var(--rule);margin-top:auto;padding-top:16px}.studio-section--bom{margin-top:4px}.studio-section--cta{border-top:1px solid var(--rule);gap:8px;padding-top:8px}.studio-section__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.studio-section__label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex}.studio-section__value{font-family:var(--font-display);color:var(--accent-2);letter-spacing:-.01em;font-size:13px;font-style:italic}.studio-button{border:1px solid var(--rule);border-radius:var(--radius-card,4px);background:var(--paper);color:var(--ink-2);font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:500;line-height:1.2;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.studio-button:hover{border-color:var(--rule-strong);background:var(--canvas-2);color:var(--ink)}.studio-button.is-active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 2px 8px #9f5d3f33}.studio-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio-button--full{width:100%;padding:12px 16px;font-weight:600}.studio-button--accent{background:var(--studio-forest);color:var(--canvas);border-color:var(--studio-forest)}.studio-button--accent:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-1px)}.studio-button--icon-stack{letter-spacing:.05em;text-transform:uppercase;flex-direction:column;gap:6px;padding:10px 6px;font-size:10px}.studio-button-grid{gap:8px;display:grid}.studio-button-grid--3{grid-template-columns:repeat(3,1fr)}.studio-list{flex-direction:column;gap:6px;display:flex}.studio-row{border:1px solid var(--rule);border-radius:var(--radius-card,4px);background:var(--paper);cursor:pointer;text-align:left;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.studio-row:hover{background:var(--canvas-2);border-color:var(--rule-strong)}.studio-row.is-active{background:var(--accent-soft);border-color:var(--accent)}.studio-row.is-locked{opacity:.35;cursor:not-allowed;background:0 0}.studio-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio-row--compact{justify-content:space-between;align-items:center;padding:8px 12px}.studio-row__mark{background:var(--canvas-2);border:1px solid var(--rule);width:28px;height:28px;color:var(--ink-2);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.studio-row.is-active .studio-row__mark{background:var(--accent);color:#fff;border-color:var(--accent)}.studio-row__mark--counter{background-position:50%;background-size:cover;border-radius:4px;width:36px;height:36px;position:relative;overflow:hidden}.studio-row__mark-veins{opacity:.7;background:linear-gradient(120deg,#0000 40%,#0000002e 50%,#0000 60%);position:absolute;inset:0}.studio-row__body{flex-direction:column;flex:1;min-width:0;display:flex}.studio-row__title{font-family:var(--font-body);color:var(--ink);font-size:13px;font-weight:600;line-height:1.3}.studio-row__desc{color:var(--ink-3);margin-top:2px;font-size:11px;line-height:1.4}.studio-finish-block{flex-direction:column;gap:8px;margin-top:4px;display:flex}.studio-finish-block__label{color:var(--ink-3);letter-spacing:.02em;font-size:11px;font-weight:500}.studio-swatch-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.studio-swatch{border:1px solid var(--rule);border-radius:var(--radius-card,4px);background:var(--paper);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.studio-swatch:hover{background:var(--canvas-2);border-color:var(--rule-strong)}.studio-swatch.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 2px 8px #b8893a2e}.studio-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio-swatch__fill{border:1px solid #0000002e;border-radius:50%;flex-shrink:0;width:28px;height:28px;position:relative;overflow:hidden}.studio-swatch__fill.is-wood:after{content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(120deg,#ffffff0a 0 1px,#0000 1px 3px);position:absolute;inset:0}.studio-swatch__label{color:var(--ink-2);text-align:center;letter-spacing:.02em;text-transform:uppercase;font-size:9px;font-weight:600;line-height:1.2}.studio-sidebar__scroll--minimal{gap:0}.studio-sidebar__scroll--minimal>.studio-section{padding:16px 0}.studio-sidebar__scroll--minimal>.studio-section+.studio-section{border-top:1px solid var(--rule)}.studio-sidebar__scroll--minimal>.studio-section--cta{margin-top:auto}.studio-options-intro{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;gap:14px;padding:0 34px 16px 0;display:flex}.studio-options-intro .studio-source-chip{flex-shrink:0}.studio-options-intro__eyebrow{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);font-size:9px;font-weight:700;line-height:1;display:block}.studio-options-intro__title{font-family:var(--font-display);color:var(--ink);margin:6px 0 0;font-size:22px;font-weight:600;line-height:1.05}.studio-step-badge{width:18px;height:18px;color:var(--accent);font-family:var(--font-body);letter-spacing:0;background:#9f5d3f1a;border:1px solid #9f5d3f4d;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.studio-source-chip{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--rule);border-radius:999px;padding:2px 7px;font-size:9px}.studio-source-chip.is-db{color:var(--studio-forest);background:#b4c0b047;border-color:#19323447}.studio-finish-row{flex-direction:column;gap:7px;margin-top:12px;display:flex}.studio-finish-row:first-of-type{margin-top:4px}.studio-finish-row__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.studio-finish-row__label{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:600}.studio-finish-row__value{color:var(--ink-2);text-align:right;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.studio-detail-toggle{border-radius:var(--radius-card,4px);width:100%;min-height:48px;color:var(--ink-2);cursor:pointer;text-align:left;background:#b4c0b029;border:1px solid #19323424;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;transition:border-color .16s,background .16s,color .16s;display:flex}.studio-detail-toggle:hover{color:var(--ink);background:#9f5d3f14;border-color:#9f5d3f5c}.studio-detail-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio-detail-toggle__label,.studio-detail-toggle__meta{display:block}.studio-detail-toggle__label{font-size:12px;font-weight:700}.studio-detail-toggle__meta{color:var(--ink-3);margin-top:2px;font-size:10px}.studio-detail-toggle__icon{flex-shrink:0;transition:transform .16s}.studio-finish-details{border-top:1px dashed var(--rule);margin-top:10px;padding-top:10px}.studio-finish-details .studio-finish-row:first-child{margin-top:0}.studio-swatch-row{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;padding:5px 1px;display:flex;overflow-x:auto}.studio-swatch-row::-webkit-scrollbar{width:0;height:0}.studio-strip{position:relative}.studio-strip:before,.studio-strip:after{content:"";z-index:1;pointer-events:none;opacity:0;width:28px;transition:opacity .15s;position:absolute;top:0;bottom:0}.studio-strip:before{background:linear-gradient(90deg,#f8f7f2fa,#f8f7f200);left:0}.studio-strip:after{background:linear-gradient(270deg,#f8f7f2fa,#f8f7f200);right:0}[data-theme=dark] .studio-strip:before{background:linear-gradient(90deg,#1f1d18f5,#1f1d1800)}[data-theme=dark] .studio-strip:after{background:linear-gradient(270deg,#1f1d18f5,#1f1d1800)}.studio-strip.can-left:before,.studio-strip.can-right:after{opacity:1}.studio-strip__arrow{z-index:2;background:var(--paper);border:1px solid var(--rule-strong);width:22px;height:22px;color:var(--ink-2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:none;position:absolute;top:calc(50% + 2px);transform:translateY(-50%);box-shadow:0 1px 5px #00000024}.studio-strip__arrow:hover{color:var(--accent);border-color:var(--accent)}.studio-strip__arrow--left{left:-6px}.studio-strip__arrow--right{right:-6px}.studio-strip.can-left .studio-strip__arrow--left,.studio-strip.can-right .studio-strip__arrow--right{display:inline-flex}.studio-strip__arrow svg{display:block}.studio-strip__arrow--left svg{transform:rotate(90deg)}.studio-strip__arrow--right svg{transform:rotate(-90deg)}.studio-finish-preview{z-index:1200;background:var(--paper);border:1px solid var(--rule-strong);pointer-events:none;border-radius:10px;align-items:center;gap:12px;max-width:260px;padding:10px;display:flex;position:fixed;transform:translate(calc(-100% - 12px),-50%);box-shadow:0 14px 36px #0000003d}.studio-finish-preview__swatch{background-position:50%;background-size:cover;border:1px solid #0000002e;border-radius:8px;flex-shrink:0;width:86px;height:86px;position:relative;overflow:hidden}.studio-finish-preview__swatch.is-wood:after{content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(120deg,#ffffff0a 0 1px,#0000 1px 3px);position:absolute;inset:0}.studio-finish-preview__meta{flex-direction:column;gap:3px;min-width:0;display:flex}.studio-finish-preview__name{color:var(--ink);font-size:13px;font-weight:700;line-height:1.2}.studio-finish-preview__sub{color:var(--ink-3);text-transform:capitalize;font-size:11px}.studio-swatch-chip{scroll-snap-align:start;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;padding:0;line-height:0}.studio-swatch-chip__fill{border:1px solid #0000002e;border-radius:50%;width:32px;height:32px;transition:box-shadow .18s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden}.studio-swatch-chip:hover .studio-swatch-chip__fill{box-shadow:0 0 0 2px var(--canvas), 0 0 0 3px var(--rule-strong)}.studio-swatch-chip.is-active .studio-swatch-chip__fill{box-shadow:0 0 0 2px var(--canvas), 0 0 0 3px var(--accent)}.studio-swatch-chip:focus-visible{outline:none}.studio-swatch-chip:focus-visible .studio-swatch-chip__fill{box-shadow:0 0 0 2px var(--canvas), 0 0 0 3px var(--accent)}.studio-swatch-chip__fill.is-wood:after{content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(120deg,#ffffff0a 0 1px,#0000 1px 3px);position:absolute;inset:0}.studio-swatch-chip__veins{background:linear-gradient(115deg,#0000 40%,#78787859 42%,#0000 44%),linear-gradient(75deg,#0000 60%,#78787840 62%,#0000 63%);position:absolute;inset:0}.studio-pills{flex-wrap:wrap;gap:6px;display:flex}.studio-pill{border:1px solid var(--rule);background:var(--paper);color:var(--ink-2);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .16s}.studio-pill:hover{border-color:var(--rule-strong)}.studio-pill.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.studio-pill.is-locked{opacity:.45;cursor:not-allowed}.studio-model-picker{position:relative}.studio-dropdown{border:1px solid var(--rule);border-radius:var(--radius-card,4px);background:var(--paper);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);color:var(--ink);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.studio-dropdown:hover{border-color:var(--rule-strong);background:var(--canvas-2)}.studio-dropdown__value{font-family:var(--font-display);color:var(--ink);font-size:13px;font-style:italic}.studio-dropdown__menu{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-card,4px);box-shadow:var(--shadow-md);z-index:10;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0}.studio-dropdown__option{font-family:var(--font-body);color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:3px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.studio-dropdown__option:hover:not(.is-disabled){background:var(--canvas-2);color:var(--ink)}.studio-dropdown__option.is-active{color:var(--accent-2);font-weight:600}.studio-dropdown__option.is-disabled{opacity:.5;cursor:not-allowed}.studio-tag{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-4);border:1px solid var(--rule);border-radius:999px;padding:2px 6px;font-size:9px}.studio-bom{border:1px solid var(--rule);border-radius:var(--radius-card,4px);background:var(--canvas-2);flex-direction:column;gap:10px;padding:14px;display:flex}.studio-bom__rows{flex-direction:column;gap:8px;max-height:200px;padding-right:4px;display:flex;overflow-y:auto}.studio-bom-row{justify-content:space-between;align-items:flex-start;gap:8px;font-size:11px;display:flex}.studio-bom-row__body{flex-direction:column;flex:1;min-width:0;display:flex}.studio-bom-row__title{color:var(--ink-2);font-weight:500;line-height:1.3}.studio-bom-row__desc{color:var(--ink-4);margin-top:2px;font-size:10px;line-height:1.3}.studio-bom-row__cost{font-family:var(--font-mono);color:var(--ink);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}.studio-bom__divider{background:var(--rule);height:1px;margin:4px 0}.studio-bom-total{justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-bom-total__label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:6px;font-size:10px;font-weight:600;display:inline-flex}.studio-bom-total__value{font-family:var(--font-display);letter-spacing:-.02em;color:var(--accent);font-size:22px;font-weight:500}.studio-cta{border:1px solid var(--rule);border-radius:var(--radius-card,4px);font-family:var(--font-body);letter-spacing:.02em;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.studio-cta .arrow{font-family:var(--font-display);font-size:14px;transition:transform .2s}.studio-cta:hover .arrow{transform:translate(2px,-2px)}.studio-cta--primary{background:var(--studio-forest);color:var(--canvas);border-color:var(--studio-forest)}.studio-cta--primary:hover{background:var(--accent);border-color:var(--accent);color:#fff}.studio-cta--ghost{color:var(--ink);border-color:var(--rule-strong);background:0 0}.studio-cta--ghost:hover{background:var(--canvas-2);border-color:var(--accent);color:var(--accent-2)}.studio-hint{color:var(--ink-4);margin:0;font-size:11px;font-style:italic;line-height:1.5}button.studio-hint--button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;width:100%;margin-top:6px;padding:4px 6px;transition:color .12s,background-color .12s;display:block}button.studio-hint--button:hover{color:var(--ink-2);background-color:#ffffff08}button.studio-hint--button em{color:var(--ink-2);font-style:normal;font-weight:500}.studio-canvas-wrap{border-radius:var(--radius-card,4px);background:#1a1815;flex:1;width:100%;height:100%;min-height:0;animation:.6s cubic-bezier(.16,1,.3,1) both studio-canvas-in;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -80px 120px #0a0a0a1f,0 22px 60px #11182033}@keyframes studio-canvas-in{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.studio-canvas{touch-action:none;width:100%;height:100%;display:block}.studio-canvas-loading{z-index:3;pointer-events:none;background:linear-gradient(135deg,#1a1815 0%,#221f1a 100%);flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity .3s;display:flex;position:absolute;inset:0}.studio-canvas-loading.is-ready{opacity:0;pointer-events:none}.studio-canvas-loading__shimmer{background:linear-gradient(90deg, transparent, var(--accent), transparent);background-size:200% 100%;width:80px;height:2px;animation:1.4s ease-in-out infinite studio-shimmer}@keyframes studio-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.studio-canvas-loading__label{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:#f4efe68c;font-size:10px}.studio-hud-badge{z-index:2;border-radius:var(--radius-card,4px);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:#f4efe6d9;-webkit-backdrop-filter:blur(10px);pointer-events:none;background:#1a1815a6;border:1px solid #f4efe61f;align-items:center;gap:8px;padding:6px 12px;font-size:10px;font-weight:500;display:inline-flex;position:absolute}.studio-hud-badge--hover{border-color:var(--accent);color:#f4efe6;background:#b8893a2e;flex-direction:row;gap:12px;top:16px;right:16px}.studio-hud-badge--hover .studio-hud-badge__label{color:var(--accent);font-weight:600}.studio-hud-badge--hover .studio-hud-badge__value{text-transform:none;letter-spacing:.02em;font-family:var(--font-body);color:#f4efe6;font-size:11px}.studio-hud-badge--updating{color:#183436;background:#fffbf4e6;border-color:#9f5d3f47;gap:9px;bottom:16px;left:16px;box-shadow:0 10px 28px #18343629}.studio-hud-badge--updating .studio-hud-badge__value{font-family:var(--font-body);letter-spacing:.02em;text-transform:none;font-size:12px}.studio-hud-spinner{border:2px solid #9f5d3f38;border-top-color:var(--accent,#9f5d3f);border-radius:50%;width:13px;height:13px;animation:.8s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}.studio-canvas-wrap.is-xr .studio-variant-dot,.studio-canvas-wrap.is-xr .studio-variant-popup,.studio-canvas-wrap.is-xr .studio-hud-badge,.studio-canvas-wrap.is-xr .studio-hud-tips{display:none!important}.studio-variant-dot{cursor:pointer;z-index:5;opacity:0;width:12px;height:12px;box-shadow:0 0 0 2px var(--accent,#9f5d3f), 0 0 0 4px #0f0f0f8c, 0 0 10px 0 #ffffff8c;background:#fff;border:0;border-radius:50%;padding:0;transition:opacity .15s,background .15s;animation:1.8s ease-in-out infinite studio-variant-dot-pulse;position:absolute;top:0;left:0}.studio-variant-dot:hover{box-shadow:0 0 0 2px var(--accent,#9f5d3f), 0 0 0 4px #0f0f0fbf, 0 0 20px 2px #ffffffd9;background:#fff7e8;animation-play-state:paused}.studio-variant-dot:focus-visible{outline-offset:3px;outline:2px solid #f4efe6}@keyframes studio-variant-dot-pulse{0%,to{box-shadow:0 0 0 2px var(--accent,#9f5d3f), 0 0 0 4px #0f0f0f8c, 0 0 8px 0 #ffffff73}50%{box-shadow:0 0 0 2px var(--accent,#9f5d3f), 0 0 0 4px #0f0f0fb3, 0 0 16px 2px #ffffffd9}}.studio-variant-popup{z-index:10;border-radius:var(--radius-card,4px);-webkit-backdrop-filter:blur(10px);font-family:var(--font-body);color:#f4efe6;background:#1a1815eb;border:1px solid #b8893a59;flex-direction:column;gap:6px;padding:10px 12px;display:flex;position:absolute;box-shadow:0 6px 24px #00000073}.studio-variant-popup__head{border-bottom:1px solid #f4efe61a;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding-bottom:6px;display:flex}.studio-variant-popup__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:10px}.studio-variant-popup__close{cursor:pointer;color:#f4efe6b3;background:0 0;border:none;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:16px;line-height:1;transition:color .15s;display:inline-flex}.studio-variant-popup__close:hover{color:#f4efe6}.studio-variant-popup__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.studio-variant-popup__item{border-radius:var(--radius-card,4px);width:100%;font-family:var(--font-body);text-align:left;color:#f4efe6;cursor:pointer;background:#f4efe60a;border:1px solid #f4efe61a;padding:8px 10px;font-size:12px;transition:background .15s,border-color .15s;display:block}.studio-variant-popup__item:hover{background:#b8893a1f;border-color:#b8893a59}.studio-variant-popup__item.is-active{border-color:var(--accent);color:var(--accent);background:#b8893a38;font-weight:600}.studio-variant-popup__item.is-locked{opacity:.4;cursor:not-allowed}.studio-variant-popup__item.is-locked:hover{background:#f4efe60a;border-color:#f4efe61a}.studio-variant-popup__item--swatch{align-items:center;gap:10px;display:flex}.studio-variant-popup__swatch{border:1px solid #00000059;border-radius:50%;flex-shrink:0;width:22px;height:22px;position:relative;overflow:hidden}.studio-variant-dot--material{background:var(--accent,#9f5d3f);box-shadow:0 0 0 2px #ffffffeb,0 0 0 4px #0f0f0f8c,0 0 10px #b8893a8c}.studio-variant-dot--material:hover{background:#cd9a47;box-shadow:0 0 0 2px #fff,0 0 0 4px #0f0f0fbf,0 0 20px 2px #b8893ad9}.studio-hud-tips{z-index:2;border-radius:var(--radius-card,4px);-webkit-backdrop-filter:blur(10px);font-family:var(--font-mono);letter-spacing:.1em;color:#f4efe6a6;pointer-events:none;text-transform:uppercase;background:#1a18158c;border:1px solid #f4efe61a;flex-direction:column;gap:4px;padding:10px 14px;font-size:9px;display:flex;position:absolute;bottom:16px;right:16px}.studio-hud-tips span{color:var(--accent);font-weight:600}.studio-sidebar__scroll::-webkit-scrollbar{width:6px;height:6px}.studio-bom__rows::-webkit-scrollbar{width:6px;height:6px}.studio-sidebar__scroll::-webkit-scrollbar-track{background:0 0}.studio-bom__rows::-webkit-scrollbar-track{background:0 0}.studio-sidebar__scroll::-webkit-scrollbar-thumb{background:#b8893a40;border-radius:3px}.studio-bom__rows::-webkit-scrollbar-thumb{background:#b8893a40;border-radius:3px}.studio-sidebar__scroll::-webkit-scrollbar-thumb:hover{background:#b8893a80}.studio-bom__rows::-webkit-scrollbar-thumb:hover{background:#b8893a80}@media (max-width:980px){.studio-page{height:auto;min-height:calc(100vh - var(--studio-chrome));min-height:calc(100dvh - var(--studio-chrome));grid-template:auto auto auto/1fr;gap:12px;padding:12px;overflow:hidden visible}.studio-stage{order:1;grid-area:auto;height:56dvh;min-height:320px}.studio-sidebar{grid-area:auto;width:auto;max-height:none;position:relative;inset:auto;overflow:visible}.studio-sidebar__scroll{height:auto;padding:18px 16px;overflow:visible}.studio-sidebar--right{order:2}.studio-sidebar--left{box-shadow:var(--shadow-sm);background:linear-gradient(#f8f7f2fa,#f3f2eef7);order:3}.studio-sidebar--left .studio-sidebar__sub,.studio-sidebar--left .studio-row__desc,.studio-sidebar--left .studio-hint{display:block}.studio-rail,.studio-resize-handle,.studio-sidebar__collapse{display:none}.studio-button{min-height:44px}}@media (max-width:560px){.studio-page{gap:8px;padding:8px}.studio-sidebar__scroll{gap:16px;padding:16px 14px}.studio-stage{height:52dvh}.studio-hud-tips{display:none}.studio-hud-badge--hover{max-width:calc(100% - 16px);top:auto;bottom:8px;right:8px}.studio-button--full{min-height:48px}.studio-swatch{padding:10px 6px}.studio-swatch__fill{width:34px;height:34px}.studio-swatch__label{font-size:10px}}.studio-ar-modal{z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.studio-ar-modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0a8c;position:absolute;inset:0}.studio-ar-modal__panel{background:var(--paper,#f7f4ee);border:1px solid var(--rule,#ddd);border-radius:8px;width:min(440px,100%);max-height:calc(100vh - 40px);padding:28px 26px 26px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #00000059}.studio-ar-modal__close{color:var(--ink-2,#555);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px;display:inline-flex;position:absolute;top:12px;right:12px}.studio-ar-modal__close:hover{background:var(--canvas-2,#eee);color:var(--ink,#111)}.studio-ar-modal__head{color:var(--ink,#141414);align-items:center;gap:10px;margin-bottom:18px;display:flex}.studio-ar-modal__head h2{font-size:18px;font-family:var(--font-display,Georgia, serif);margin:0}.studio-ar-modal__body{flex-direction:column;gap:12px;display:flex}.studio-ar-modal__lead{color:var(--ink-2,#555);text-align:center;margin:0;font-size:13px}.studio-ar-modal__qr{border:1px solid var(--rule,#ddd);background:#fff;border-radius:6px;align-self:center;padding:12px;line-height:0}.studio-ar-modal__qr img{width:200px;height:200px;display:block}.studio-ar-modal__url{border:1px solid var(--rule,#ddd);background:var(--canvas,#fff);border-radius:4px;align-items:center;gap:8px;padding:6px 6px 6px 10px;display:flex}.studio-ar-modal__url code{color:var(--ink-2,#555);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.studio-ar-modal__url .studio-button{flex:none;padding:7px 9px}.studio-ar-modal__downloads{gap:8px;display:flex}.studio-ar-modal__downloads .studio-button{flex:1}.studio-ar-modal__modes{background:var(--canvas-2,#f0ede6);color:var(--ink-2,#555);border-radius:6px;margin:6px 0 0;padding:12px;font-size:12px;list-style:none}.studio-ar-modal__modes li{align-items:baseline;gap:8px;margin:4px 0;display:flex}.studio-ar-modal__status{text-align:center;color:var(--ink-2,#555);flex-direction:column;align-items:center;gap:14px;padding:24px 0;font-size:13px;display:flex}.studio-ar-modal__error{color:#b3261e;font-weight:600}.studio-ar-spinner{border:3px solid var(--rule,#ddd);border-top-color:var(--accent,#9f5d3f);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite studio-ar-spin}@keyframes studio-ar-spin{to{transform:rotate(360deg)}}.ar-page{background:#0e0e0e;width:100vw;height:100vh;overflow:hidden}.ar-page--centered{text-align:center;color:#f2efe9;background:#141414;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px;display:flex}.ar-page--centered h1{margin:0;font-family:Georgia,serif;font-size:26px}.ar-page--centered p{color:#b9b4ab;max-width:420px;margin:0 0 6px}.ar-chooser{z-index:3;text-align:center;color:#f2efe9;background:linear-gradient(#0e0e0ec7 0%,#0e0e0eeb 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px;display:flex;position:absolute;inset:0}.ar-chooser h1{margin:0;font-family:Georgia,serif;font-size:26px}.ar-chooser p{color:#cfc9bf;max-width:420px;margin:0 0 6px}.ar-bigbtn{color:#f2efe9;width:min(420px,100%);font:inherit;cursor:pointer;text-align:left;background:#1d1d1d;border:1px solid #3a3a3a;border-radius:8px;flex-direction:column;gap:4px;padding:18px 22px;text-decoration:none;transition:border-color .16s,background .16s;display:flex}.ar-bigbtn:hover{border-color:var(--accent,#9f5d3f);background:#242424}.ar-bigbtn--primary{background:var(--accent,#9f5d3f);border-color:var(--accent,#9f5d3f);color:#fff}.ar-bigbtn--primary:hover{background:#c89647}.ar-bigbtn__title{font-size:16px;font-weight:700}.ar-bigbtn__sub{opacity:.82;font-size:12px}.ar-launch-btn{background:var(--accent,#9f5d3f);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:13px 26px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.ar-mindar-container{background:#000;width:100vw;height:100dvh;position:relative;overflow:hidden}.ar-mindar-container video,.ar-mindar-container canvas{object-fit:cover!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;position:absolute!important;top:0!important;left:0!important;transform:none!important}.ar-marker-hint{color:#fff;background:#0009;border-radius:999px;margin:0;padding:10px 18px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.ar-loading{color:#e7e3db;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;font-size:14px;display:flex}.ar-loading--overlay{background:#0e0e0eeb;position:fixed;inset:0}.ar-error-overlay{text-align:center;color:#f2efe9;background:#0e0e0ef2;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px;display:flex;position:fixed;inset:0}.ar-error-overlay h2{margin:0;font-family:Georgia,serif}.ar-error-overlay p{color:#b9b4ab;max-width:380px;margin:0}.studio-ar-modal__errdetail{overflow-wrap:anywhere;color:#8a6d3b;background:var(--canvas-2,#f0ede6);border-radius:4px;max-width:100%;padding:8px 10px;font-size:11px;display:block}