:root{--fg: #e9ecef;--dim: #8b9198;--line: rgba(255, 255, 255, .1);--glass: rgba(14, 16, 19, .62);--accent: #ff3b2f;--gold: #d9a441;font-family:Helvetica Neue,Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#07080a;color:var(--fg);overflow:hidden}#view{position:fixed;inset:0;width:100vw;height:100vh;display:block;outline:none;touch-action:none}button{font:inherit;color:inherit;cursor:pointer}.wordmark{font-weight:700;letter-spacing:.42em;font-size:19px;font-stretch:expanded;transform:skew(-12deg)}#top{position:fixed;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;padding:22px 28px;pointer-events:none;z-index:5}#top .sub{margin-top:6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}#modes{pointer-events:auto;display:flex;gap:2px;background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:3px;backdrop-filter:blur(14px)}#modes button{border:0;background:transparent;padding:8px 18px;border-radius:999px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);transition:all .2s}#modes button.on{background:var(--fg);color:#0a0b0d}#modes button:disabled{opacity:.35;cursor:default}#panel{position:fixed;right:22px;top:92px;width:248px;padding:14px 16px 10px;background:var(--glass);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(16px);z-index:4}#panel section{margin-bottom:14px}#panel h3{margin:0 0 8px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);font-weight:600}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid button{border:1px solid var(--line);background:#ffffff09;border-radius:8px;padding:7px 4px;font-size:11px;letter-spacing:.03em;transition:background .15s,border-color .15s;white-space:nowrap}.grid button:hover{background:#ffffff1a}.grid button.on{background:var(--fg);color:#0a0b0d;border-color:var(--fg)}.grid button.accent{border-color:#ff3b2fb3}.grid button.accent.on{background:var(--accent);border-color:var(--accent);color:#fff}.swatches{display:flex;gap:7px;flex-wrap:wrap}.swatches button{width:25px;height:25px;border-radius:50%;border:2px solid rgba(255,255,255,.18);padding:0;box-shadow:inset 0 -6px 9px #00000059,inset 0 5px 6px #ffffff40;transition:transform .15s}.swatches button:hover{transform:scale(1.1)}.swatches button.on{border-color:#fff}.paint-name{margin-top:7px;font-size:11px;color:var(--dim);letter-spacing:.08em}.hint{margin:2px 0 4px;font-size:10.5px;color:var(--dim);letter-spacing:.04em;text-align:center}#flight-status{position:fixed;left:50%;bottom:34px;transform:translate(-50%);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim);background:var(--glass);border:1px solid var(--line);padding:8px 16px;border-radius:999px;opacity:0;transition:opacity .4s;pointer-events:none;z-index:4}#flight-status.show{opacity:1}body:not([data-mode=showroom]) .showroom-only{display:none}body[data-mode=loading] #top,body[data-mode=loading] #panel{opacity:0}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#07080a;z-index:20;transition:opacity .6s}#loading.hide{opacity:0;pointer-events:none}.load-inner{text-align:center}.load-inner .wordmark{font-size:30px}.load-bar{width:240px;height:2px;background:#ffffff1f;margin:22px auto 12px;overflow:hidden}.load-bar i{display:block;height:100%;width:0%;background:var(--fg);transition:width .3s}.load-text{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}