:root{color-scheme:dark;--bg: #0a0c0d;--panel: #121517;--ink: #eceff1;--muted: #8d979e;--line: #23282c;--gold: #f6c744;--coral: #ef5b44;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0}html,body{height:100%}body{min-height:100%;background:var(--bg);color:var(--ink)}a{color:var(--gold)}a:hover{color:#ffd75e}button{font:inherit}.app-shell{display:flex;flex-direction:column;height:100vh}.promo-bar{flex:none;display:flex;align-items:center;justify-content:center;gap:16px;height:40px;padding:0 16px;background:#ffe600;color:#0a0c0d}.promo-bar button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;background:none;color:#0a0c0d;cursor:pointer;opacity:.6}.promo-bar button:hover{opacity:1}.promo-text{max-width:720px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:13px;font-weight:800;letter-spacing:.01em}.site-header{flex:none;display:flex;align-items:center;gap:24px;height:66px;padding:0 28px;background:#fff;color:#0a0c0d;border-bottom:1px solid #ececec}.logo{display:flex;flex-direction:column;line-height:.9;text-decoration:none;color:#0a0c0d;flex:none}.logo-name{font-size:23px;font-weight:900;letter-spacing:-.01em}.logo-suffix{align-self:flex-start;font-size:14px;font-weight:900;letter-spacing:.02em}.main-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:26px}.main-nav button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:#0a0c0d;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.main-nav button:hover{opacity:.55}.nav-caret{font-size:9px;opacity:.6}.header-actions{flex:none;display:flex;align-items:center;gap:20px}.icon-btn{position:relative;display:inline-flex;border:0;background:none;color:#0a0c0d;cursor:pointer}.icon-btn:hover{opacity:.55}.cart-badge{position:absolute;top:-7px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#0a0c0d;color:#fff;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.app-shell-main{flex:1;min-height:0}.configurator{display:grid;grid-template-columns:1fr 400px;height:100%}.stage{position:relative;min-width:0;overflow:hidden}.canvas-wrap{position:absolute;inset:0}.builder-panel{display:flex;flex-direction:column;gap:16px;padding:24px 22px;background:var(--panel);border-left:1px solid var(--line);overflow-y:auto}.panel-head h1{font-size:21px;font-weight:700;letter-spacing:-.02em}.panel-head p{font-size:13px;color:var(--muted);margin-top:4px}.tabs{display:flex;gap:6px}.tab{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font:600 12.5px Inter,sans-serif;color:#aab4bb;background:#1a1e21;border:1px solid #262c30;border-radius:999px;cursor:pointer}.tab.active{color:#101214;background:var(--gold);border-color:var(--gold)}.product-list{display:flex;flex-direction:column;gap:8px}.product-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px;text-align:left;background:#171b1e;border:1px solid #262c30;border-radius:12px;color:inherit;cursor:pointer;font-family:inherit}.product-card:hover{border-color:#3a424a}.product-card.selected{border-color:var(--gold);background:#1c1f1a}.product-card.out{opacity:.45;cursor:not-allowed}.swatch{position:relative;width:34px;height:34px;border-radius:50%;border:2px solid #2c3338;flex:none}.swatch-accent{position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;border:2px solid #171b1e}.product-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.product-name{font-size:14px;font-weight:600}.product-meta{font-size:12px;color:var(--muted)}.product-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.product-price{font-size:13.5px;font-weight:600}.picked{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--gold);color:#101214}.stock{font-size:11px;color:var(--coral);font-weight:600}.compat-notice{font-size:12.5px;color:#ffd75e;background:#241f10;border:1px solid #4b3f16;border-radius:10px;padding:10px 12px}.summary{margin-top:auto;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:16px}.summary-row{display:flex;justify-content:space-between;font-size:14px;color:#aab4bb}.summary-row strong{font-size:18px;color:var(--ink)}.status{font-size:12.5px;color:var(--muted)}.actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;padding:12px 14px;font:600 13.5px Inter,sans-serif;border-radius:10px;cursor:pointer}.btn.ghost{background:#1a1e21;color:var(--ink);border:1px solid #2c3338}.btn.primary{background:var(--gold);color:#101214;border:1px solid var(--gold)}.btn:disabled{opacity:.55;cursor:default}@media(max-width:980px){.app-shell{height:auto;min-height:100vh}.main-nav{display:none}.site-header{gap:12px;padding:0 16px}.configurator{grid-template-columns:1fr;grid-template-rows:52vh 1fr;height:auto;min-height:calc(100vh - 106px)}.stage{min-height:52vh}.builder-panel{border-left:none;border-top:1px solid var(--line)}}