:root{--bg: #131419;--panel: #1c1e25;--panel-2: #252832;--line: #333744;--text: #f1f2f5;--muted: #9aa0ad;--accent: #ff5a36;--accent-2: #ffb020;--good: #3ccf8e;--bad: #ff6b6b;--radius: 14px;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent-2)}h2,h3{margin:0 0 .4rem}h3{margin-top:1.2rem;font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.muted{color:var(--muted)}.tiny{font-size:.78rem}.up{color:var(--good)}.down{color:var(--bad)}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:1rem 16px 2rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.75rem 16px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#1b1d24,#23202a);position:sticky;top:0;z-index:5}.logo{background:none;border:0;font-weight:800;font-size:1.2rem;letter-spacing:.02em;padding:0}.topbar-car{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.btn{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;padding:.55rem 1.1rem;font-weight:600}.btn:hover:not(:disabled){border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:transparent}.btn.small{padding:.25rem .75rem;font-size:.85rem}.picker h2{font-size:1.6rem}.car-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem}.car-card{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .12s,border-color .12s}.car-card:hover{transform:translateY(-2px);border-color:var(--accent)}.car-card-art{width:100%;background:radial-gradient(ellipse at 50% 90%,#2c2f3a,#1a1b21 70%);padding:.4rem}.car-card-body{padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.15rem}.car-card-stats{font-size:.85rem}.car-card-price{margin-top:.3rem;font-weight:700}.garage{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:1.25rem;align-items:start}.workbench{min-width:0}.tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.tab{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:.4rem .8rem;font-size:.88rem;display:inline-flex;align-items:center;gap:.35rem}.tab.on{background:var(--accent);border-color:var(--accent);color:#fff}.tab.modded:not(.on){border-color:var(--accent-2)}.badge{background:var(--accent-2);color:#111;border-radius:999px;font-size:.72rem;padding:0 .4rem;font-weight:800}.cat-head{margin-bottom:.75rem}.part-list{display:flex;flex-direction:column;gap:.6rem}.part{display:flex;justify-content:space-between;gap:1rem;text-align:left;border:2px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:.8rem 1rem}.part:hover{border-color:#565b6b}.part.on{border-color:var(--accent);background:#2a1f1f}.part-main{display:flex;flex-direction:column;gap:.25rem;min-width:0}.brand{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);font-weight:700}.note{font-size:.82rem;color:#c7cad3}.price{font-weight:800;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:.3rem}.chip{font-size:.74rem;padding:.1rem .5rem;border-radius:999px;background:var(--panel-2);border:1px solid var(--line)}.chip.good{color:var(--good);border-color:#2a5c47}.chip.bad{color:var(--bad);border-color:#6a3434}.dash{position:sticky;top:72px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.9rem}.stage{background:radial-gradient(ellipse at 50% 95%,#353947,#1a1b21 70%);border-radius:10px;padding:.5rem}.stage-art{width:100%;display:block}.stage.big{padding:1rem}.colors{display:flex;flex-wrap:wrap;gap:.35rem}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);padding:0}.swatch.on{outline:2px solid var(--text);outline-offset:2px}.swatch.custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative;overflow:hidden;cursor:pointer}.swatch.custom input{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer}.totals{display:flex;flex-direction:column;gap:.2rem}.totals>div{display:flex;justify-content:space-between}.grand{font-size:1.25rem;font-weight:800;color:var(--accent-2)}.dash-actions{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}a.btn{text-decoration:none;color:var(--text)}.mobile-only{display:none}#workbench{scroll-margin-top:70px}.perf{display:flex;flex-direction:column;gap:.6rem}.perf-label{display:flex;justify-content:space-between;font-size:.88rem;font-weight:600;gap:.5rem}.perf-track{position:relative;height:10px;background:var(--panel-2);border-radius:999px;overflow:hidden}.perf-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width .35s ease}.perf-band{position:absolute;top:0;bottom:0;background:#ffffff47;transition:left .35s,width .35s}.perf-stock{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff;transition:left .35s}.summary-head{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.name-input{flex:1;min-width:200px;font:inherit;font-size:1.3rem;font-weight:800;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.5rem .8rem}.summary-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.25rem;align-items:start}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem;min-width:0}.itemized{width:100%;border-collapse:collapse;font-size:.9rem}.itemized td,.itemized th{padding:.4rem .3rem;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}.itemized .num{text-align:right;white-space:nowrap}.itemized tfoot td{font-weight:700}.share{display:flex;gap:.5rem}.share input{flex:1;min-width:0;font:inherit;font-size:.85rem;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:.5rem .8rem}.print{margin-top:.75rem}.mockup{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;margin-top:.75rem}.mockup figure{margin:0}.mockup-error p{margin:.15rem 0}.mockup-detail{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word}.mockup img{width:100%;border-radius:10px;display:block}.fineprint{margin-top:1.25rem}.fineprint ul{padding-left:1.2rem;margin:.4rem 0 0}.footer{text-align:center;padding:1rem 16px 1.5rem;border-top:1px solid var(--line)}@media (max-width: 900px){.garage,.summary-grid{grid-template-columns:1fr}.dash{position:static;order:-1}.mobile-only{display:inline-block}}@media print{.topbar,.footer,.btn,.mockup button,.share,.summary-head button{display:none!important}body{background:#fff;color:#000}.card{border-color:#ccc;background:#fff}.muted,h3{color:#555}.name-input{border:0;background:none;color:#000}}