*{margin:0;padding:0;box-sizing:border-box}:root{--red: #e23b3b;--bg: #161615;--panel: rgba(32, 31, 30, .92);--text: #f0ede6;--muted: #9b968e;--panel-h: 84px}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.app{position:relative;height:100dvh}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.stage canvas{touch-action:none}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 14px) 16px 0;pointer-events:none}.brand{display:flex;flex-direction:column;font-size:22px;font-weight:800;letter-spacing:.06em}.price-chip{background:var(--panel);border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:13px;padding:8px 12px;border-radius:999px;font-variant-numeric:tabular-nums}.price-chip--ready{color:var(--text);font-size:15px;font-weight:700}.scene-fabs{position:absolute;right:16px;top:calc(env(safe-area-inset-top) + 68px);display:flex;flex-direction:column;gap:10px}.fab{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--panel);border:1px solid rgba(255,255,255,.12);color:var(--text);font-size:21px;line-height:1;cursor:pointer}.fab[aria-pressed=true]{border-color:#ffffff57}.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px 20px 0 0;border-top:1px solid rgba(255,255,255,.08);padding:10px 16px calc(env(safe-area-inset-bottom) + 16px)}.summary{text-align:center;font-size:12px;color:var(--muted);margin-bottom:8px}.tabs{display:flex;gap:4px}.tab{flex:1;position:relative;background:none;border:none;color:var(--muted);font-size:15px;font-weight:600;padding:10px 0;border-radius:10px;cursor:pointer}.tab--active{color:var(--text);background:#ffffff12}.tab:disabled{opacity:.45;cursor:default}.soon{position:absolute;top:1px;right:4px;font-size:8px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.panel{padding-top:14px;min-height:76px}.panel--fixed{height:var(--panel-h);min-height:0;display:flex;flex-direction:column;justify-content:center}.swatches{display:flex;gap:14px;justify-content:center}.swatch{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.15);cursor:pointer}.swatch--active{border-color:var(--text);box-shadow:0 0 0 3px #f0ede640}.sizes{display:flex;gap:10px}.size{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:#ffffff0f;border:2px solid transparent;border-radius:14px;color:var(--text);font-size:16px;font-weight:700;padding:6px 0 5px;cursor:pointer}.size--active{border-color:var(--red);background:#e23b3b1f}.size:disabled{opacity:.38;cursor:default}.size-price{font-size:12.5px;font-weight:600;color:var(--text);opacity:.72}.size--active .size-price{opacity:1}.note{font-size:11.5px;font-weight:500;color:var(--muted)}.order-btn{width:100%;margin-top:14px;background:var(--red);border:none;border-radius:14px;color:#fff;font-size:17px;font-weight:700;padding:14px 0;cursor:pointer}.sheet-note{margin-top:7px;text-align:center;font-size:12px;color:var(--muted)}.sheet-note--tight{margin-top:2px;text-align:left}.sheet-footer{margin-top:10px;text-align:center;font-size:11.5px;color:var(--muted)}.sheet-footer a{color:var(--muted);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18)}.order-consent a{color:var(--text)}.order-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0a0a0999;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center}.order-panel{position:relative;width:100%;max-width:480px;max-height:92dvh;overflow-y:auto;background:var(--panel);border-radius:20px 20px 0 0;border-top:1px solid rgba(255,255,255,.1);padding:22px 20px calc(env(safe-area-inset-bottom) + 20px)}.order-panel h2{font-size:22px;font-weight:800;margin-bottom:4px}.order-summary{color:var(--muted);font-size:13px;margin-bottom:16px}.order-total{background:#ffffff0d;border-radius:12px;padding:10px 12px;margin-bottom:16px;font-size:14px}.order-total__row{display:flex;justify-content:space-between;gap:12px;color:var(--muted);padding:3px 0}.order-total__row--sum{color:var(--text);font-weight:700;border-top:1px solid rgba(255,255,255,.1);margin-top:5px;padding-top:8px}.order-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:#ffffff12;border:none;color:var(--muted);font-size:15px;cursor:pointer}.order-panel label{display:block;font-size:13px;color:var(--muted);margin-bottom:12px}.order-panel input:not([type=checkbox]),.order-panel select{display:block;width:100%;margin-top:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text);font-size:16px;padding:12px 14px}.order-panel input:focus,.order-panel select:focus{outline:2px solid var(--red);outline-offset:-1px}.order-note{font-size:12px;color:var(--muted);margin:-4px 0 12px}.order-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.order-consent{display:flex!important;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin:4px 0 14px}.order-consent input{width:18px;height:18px;margin-top:1px;accent-color:var(--red)}.order-error{color:#ff8a7a;font-size:13px;margin-bottom:10px}.order-submit{width:100%;background:var(--red);border:none;border-radius:14px;color:#fff;font-size:17px;font-weight:700;padding:14px 0;cursor:pointer}.order-submit:disabled{opacity:.45;cursor:default}.order-done{text-align:center;padding:18px 0 6px}.order-done p{color:var(--muted);font-size:14.5px;margin:10px 0 20px}.order-done b{color:var(--text)}@media (min-width: 900px){.order-overlay{align-items:center}.order-panel{border-radius:20px}}@media (min-width: 900px){:root{--panel-h: 84px}.sheet{left:auto;top:0;bottom:0;width:360px;border-radius:20px 0 0 20px;border-left:1px solid rgba(255,255,255,.08);padding-top:90px}.topbar{right:360px}.scene-fabs{right:376px}}.sections{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;gap:3px;padding:2px;border-radius:999px;background:#141413b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3}.section-btn{padding:5px 11px;border:0;border-radius:999px;background:transparent;color:#d8d5cf;font:inherit;font-size:12px;line-height:1.25;white-space:nowrap;cursor:pointer}.section-btn--active{background:#e23b3b;color:#fff}.build-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.build-row--center{justify-content:center}.build-label{font-size:13px;opacity:.65}.chip{padding:6px 11px;border:1px solid #3a3a38;border-radius:999px;background:#202020;color:#ddd9d2;font:inherit;font-size:13px;cursor:pointer}.chip--on{border-color:#e23b3b;background:#e23b3b29;color:#fff}.chip:disabled{opacity:.38;cursor:default}.checks{margin:8px 0 0;padding:0;list-style:none;font-size:13px;line-height:1.35}.checks li{padding:4px 0 4px 16px;position:relative}.checks li:before{position:absolute;left:0;top:4px}.checks__bad{color:#ffb3a7}.checks__bad:before{content:"·";color:#e23b3b;font-weight:700}.checks__warn{color:#f2c14e}.checks__warn:before{content:"!";color:#f2c14e;font-weight:700}.checks__ok{color:#8fd39a}.checks__ok:before{content:"✓";font-size:11px}@media (min-width: 900px){.sections{top:18px}}.controls{display:flex;align-items:center;gap:6px;margin-bottom:10px}.tabs--brush{flex:1;margin-bottom:0}.iconbtn{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border:1px solid #3a3a38;border-radius:12px;background:#202020;color:#ddd9d2;cursor:pointer}.iconbtn--on{border-color:#e23b3b;background:#e23b3b;color:#fff}.iconbtn:disabled{opacity:.35;cursor:default}.sheet--compact{padding-bottom:10px}@media (min-width: 900px){.iconbtn--fold{display:none}}@media (max-height: 720px) and (max-width: 899px){:root{--panel-h: 76px}.topbar{padding-top:calc(env(safe-area-inset-top) + 10px)}.price-chip{padding:6px 11px}.sections{top:46px}.scene-fabs{top:calc(env(safe-area-inset-top) + 50px);gap:8px}.fab{width:42px;height:42px;font-size:19px}.sheet{padding:14px 16px calc(env(safe-area-inset-bottom) + 10px)}.summary{display:none}.build-row{margin-bottom:6px}.chip{padding:5px 10px;font-size:12.5px}.tab{padding:7px 0;font-size:14px}.panel{padding-top:8px;min-height:56px}.swatch{width:38px;height:38px}.size{font-size:15px}.order-btn{margin-top:10px;padding:12px 0;font-size:16px}.sheet-note{margin-top:5px;font-size:11.5px}.sheet-footer{margin-top:7px;font-size:11px}}@media (max-width: 899px) and (max-height: 540px) and (orientation: landscape){:root{--sheet-w: clamp(250px, 42vw, 320px)}.sheet{left:auto;top:0;bottom:0;width:calc(var(--sheet-w) + env(safe-area-inset-right));padding:12px calc(env(safe-area-inset-right) + 14px) calc(env(safe-area-inset-bottom) + 12px) 14px;border-radius:20px 0 0 20px;border-top:none;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:safe center;overflow-y:auto}.sheet>*{flex-shrink:0}.topbar{right:var(--sheet-w)}.sections{left:calc((100% - var(--sheet-w)) / 2)}.scene-fabs{right:calc(var(--sheet-w) + 12px)}.controls{flex-wrap:wrap}.tabs--brush{flex:1 0 100%}.swatches{gap:8px}.swatch{flex:0 0 auto;width:34px;height:34px}}