:root{--ink:#0a0b0b;--panel:#111313;--line:#303232;--muted:#9a9d9c;--paper:#f1eee7;--gold:#b69b70;--ease:cubic-bezier(.22,1,.36,1);font-family:Manrope,Arial,sans-serif;color:#f4f2ed;background:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f4f2ed}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.topbar{height:76px;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;padding:0 34px;border-bottom:1px solid #222424;background:#0b0c0c;position:relative;z-index:5}.brand{text-decoration:none;color:#fff;display:flex;align-items:baseline;gap:10px;letter-spacing:.27em;font-size:13px}.brand small{font-size:9px;color:var(--gold);letter-spacing:.2em}.steps{height:100%;display:flex;justify-content:center;gap:36px}.step{position:relative;display:flex;align-items:center;gap:8px;border:0;background:none;color:#777;cursor:pointer;padding:0 4px}.step b{font-size:10px;font-weight:400}.step span{font-size:12px}.step:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent}.step.is-active{color:#f3f0e9}.step.is-active:after{background:var(--gold)}.top-action{justify-self:end;background:none;color:#ddd;border:1px solid #444;padding:10px 14px;cursor:pointer;font-size:11px}.experience{height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(390px,.62fr);overflow:hidden}.visual-stage{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 64%,#303332 0,#171919 36%,#0d0e0e 72%);overflow:hidden}.visual-stage:before{content:"";position:absolute;left:8%;right:8%;bottom:12%;height:12%;background:radial-gradient(ellipse,#0009,transparent 70%);filter:blur(18px)}.product-title{position:absolute;z-index:2;top:42px;left:48px}.product-title p,.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:10px;margin:0 0 9px}.product-title h1{font:400 clamp(30px,3vw,50px) Playfair Display,serif;margin:0 0 5px}.product-title span{color:#a8aaa8;font-size:12px}model-viewer{width:100%;height:100%;background:transparent;--poster-color:transparent}.view-controls{position:absolute;z-index:3;left:50%;bottom:32px;transform:translateX(-50%);display:flex;padding:4px;background:#111b;border:1px solid #3a3c3c;backdrop-filter:blur(14px)}.view-controls button{white-space:nowrap;background:transparent;border:0;color:#a9abaa;padding:10px 15px;cursor:pointer;font-size:11px}.view-controls button.is-active{background:#efede7;color:#111}.stage-hint{position:absolute;left:48px;bottom:40px;color:#6f7271;font-size:10px}.selection-float{position:absolute;right:30px;bottom:32px;text-align:right}.selection-float span{display:block;color:#777;font-size:9px;text-transform:uppercase;letter-spacing:.15em}.selection-float strong{font-size:11px;font-weight:400}.configuration-panel{background:var(--panel);border-left:1px solid #292b2b;padding:28px 34px 18px;display:flex;flex-direction:column;overflow:auto}.panel-head{flex:0 0 auto;margin-bottom:28px}.panel-head span{font-size:9px;color:#777;text-transform:uppercase;letter-spacing:.15em}.progress{margin-top:11px;height:1px;background:#333}.progress i{display:block;height:100%;width:20%;background:var(--gold);transition:width .45s var(--ease)}.config-page{animation:pageIn .4s var(--ease);flex:1}@keyframes pageIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}.config-page h2,dialog h2{font:400 28px Playfair Display,serif;margin:0 0 8px}.lead{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 24px}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.model-grid button,.finish-grid button,.wood-grid button,.shelf-cards button,.signature-grid button{background:#171919;border:1px solid #333536;color:#ddd;cursor:pointer;text-align:left;transition:.2s ease}.model-grid button{padding:16px}.model-grid b{display:block;font:400 18px Playfair Display,serif;margin-bottom:4px}.model-grid span,.shelf-cards span,.signature-grid span{display:block;color:#858887;font-size:10px;line-height:1.4}.is-selected{border-color:var(--gold)!important;box-shadow:inset 0 0 0 1px var(--gold)}.switch-row{margin-top:16px;display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid #343636;background:#171919;cursor:pointer}.switch-row b,.switch-row small{display:block}.switch-row b{font-size:12px}.switch-row small{color:#888;font-size:10px;margin-top:3px}.switch-row input{position:absolute;opacity:0}.switch-row i{width:40px;height:22px;border-radius:20px;background:#3a3c3c;position:relative}.switch-row i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#aaa;left:3px;top:3px;transition:.2s}.switch-row input:checked+i{background:var(--gold)}.switch-row input:checked+i:after{left:21px;background:#fff}.option-block{padding:18px 0;border-top:1px solid #2d2f2f}.option-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.option-title b{font-size:12px;font-weight:500}.option-title span{color:var(--gold);font-size:10px}.finish-grid,.wood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.finish-grid button,.wood-grid button{padding:8px;text-align:center}.finish-grid i{display:block;height:40px;background:var(--c);margin-bottom:7px}.finish-grid span,.wood-grid span{font-size:9px;color:#aaa}.metal-swatches{display:flex;gap:11px}.metal-swatches button{width:35px;height:35px;border-radius:50%;border:3px solid var(--panel);background:var(--c);box-shadow:0 0 0 1px #555;cursor:pointer}.metal-swatches button.is-selected{box-shadow:0 0 0 2px var(--gold);border-color:var(--panel)!important}.detail-reference{margin-top:16px;display:grid;grid-template-columns:88px 1fr;gap:13px;align-items:center;background:#191b1b}.detail-reference img{width:88px;height:72px;object-fit:cover}.detail-reference span{padding-right:10px;color:#999;font-size:10px;line-height:1.5}.shelf-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.shelf-cards button{padding:6px 6px 10px}.shelf-cards img,.shelf-placeholder{width:100%;height:77px;object-fit:cover;background:#dedbd5;margin-bottom:9px}.shelf-cards b{display:block;font-size:10px;margin-bottom:3px}.shelf-placeholder{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:14px}.shelf-placeholder i{height:4px;background:#8c6345}.wood-grid{grid-template-columns:repeat(3,1fr)}.wood-grid i{height:48px;display:block;margin-bottom:7px;background-color:#80543d;background-image:repeating-linear-gradient(90deg,#0001 0 1px,transparent 1px 8px)}.wood-grid i.beech{background-color:#cfac7f}.wood-grid i.cedar{background-color:#ad6b42}.signature-grid{display:grid;gap:8px}.signature-grid button{padding:13px;display:grid;grid-template-columns:42px 1fr;column-gap:12px}.signature-grid i{grid-row:1/3;width:36px;height:36px;border:1px solid #6b5b42;display:grid;place-items:center;color:var(--gold);font:400 12px Playfair Display}.signature-grid b{font-size:11px}.text-field,.select-field{display:block;margin-top:18px}.text-field>span,.select-field>span,.form-grid label span{display:block;color:#aaa;font-size:10px;margin-bottom:7px}.text-field input,.select-field select,.form-grid input,.form-grid textarea{width:100%;background:#181a1a;color:#eee;border:1px solid #3b3d3d;padding:12px}.text-field small{display:block;color:#6f7271;font-size:9px;margin-top:6px}.summary-code{display:flex;justify-content:space-between;border-top:1px solid #333;border-bottom:1px solid #333;padding:14px 0;margin:18px 0}.summary-code span{font-size:10px;color:#888}.summary-code strong{color:var(--gold);font-size:11px;font-weight:400}#summary-list{margin:0}#summary-list div{display:flex;justify-content:space-between;padding:7px 0}#summary-list dt{color:#858887;font-size:10px}#summary-list dd{margin:0;font-size:10px;text-align:right}.price-request{margin-top:18px;padding:16px;background:#191b1b}.price-request span,.price-request small{display:block;color:#888;font-size:9px}.price-request strong{display:block;font:400 20px Playfair Display;margin:6px 0}.request-button{width:100%;background:var(--paper);color:#111;border:0;padding:14px;cursor:pointer;font-weight:600;font-size:11px;margin-top:13px}.panel-footer{display:flex;gap:8px;border-top:1px solid #2c2e2e;padding-top:16px;margin-top:18px}.panel-footer button{border:1px solid #414343;background:transparent;color:#ddd;padding:11px 18px;cursor:pointer}.panel-footer #next{margin-left:auto;background:#eee;color:#111;border-color:#eee;min-width:110px}.panel-footer button:disabled{opacity:.3;cursor:default}dialog{width:min(620px,calc(100% - 30px));background:#121414;color:#eee;border:1px solid #3d3f3f;padding:0;box-shadow:0 30px 100px #000c}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog form{padding:34px;position:relative}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:none;color:#aaa;font-size:28px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.form-grid .wide{grid-column:1/-1}.dialog-summary{font-size:10px;color:#aaa;padding:12px;border-left:2px solid var(--gold);background:#191b1b}dialog form>small{display:block;color:#777;font-size:9px;margin-top:9px}@media(max-width:1000px){.topbar{grid-template-columns:160px 1fr}.top-action{display:none}.steps{justify-content:flex-end;gap:15px}.step span{display:none}.experience{grid-template-columns:1.3fr minmax(360px,.8fr)}.stage-hint,.selection-float{display:none}}@media(max-width:760px){.topbar{height:62px;padding:0 16px}.steps{gap:8px}.experience{height:auto;display:block;overflow:visible}.visual-stage{height:60vh;min-height:440px}.product-title{top:22px;left:20px}.configuration-panel{padding:24px 18px;min-height:560px}.view-controls{bottom:16px;width:calc(100% - 24px);overflow:auto;justify-content:flex-start}.view-controls button{flex:0 0 auto}.finish-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}@media(max-width:430px){.brand small{display:none}.topbar{grid-template-columns:1fr auto}.model-grid{grid-template-columns:1fr}.shelf-cards{grid-template-columns:1fr 1fr}.shelf-cards button:last-child{grid-column:1/-1}.visual-stage{height:55vh;min-height:390px}.product-title h1{font-size:30px}}
