:root{--bg: #0e1013;--panel: #171a1f;--panel2: #1d2127;--line: #2a2f37;--text: #e8eaed;--dim: #9aa3ad;--accent: #ffb300;--red: #e3000b;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.app{max-width:1180px;margin:0 auto;padding:0 18px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:18px;flex-wrap:wrap;gap:10px}.logo{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.logo-text{font-weight:800;letter-spacing:.06em;font-size:17px}.logo-text small{display:block;font-weight:400;color:var(--dim);letter-spacing:.02em;font-size:11px}.stud-row{display:inline-flex;gap:4px}.stud-row i{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff5a5a,var(--red));box-shadow:inset 0 -2px 3px #00000073}nav{display:flex;gap:8px}.tab{background:none;border:1px solid var(--line);color:var(--dim);padding:7px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}.tab.on{color:#111;background:var(--accent);border-color:var(--accent)}main{min-height:60vh}footer{margin-top:30px;color:var(--dim);font-size:11px;text-align:center}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.card h3{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);display:flex;align-items:center;justify-content:space-between}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}.stat-v{font-size:24px;font-weight:800;color:var(--accent)}.stat-l{color:var(--dim);font-size:12px;margin-top:2px}.stat-s{color:var(--dim);font-size:11px;opacity:.8}.dash>*{margin-bottom:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}@media(max-width:900px){.grid2{grid-template-columns:1fr}}.chart{width:100%;height:auto}.grid line{stroke:var(--line);stroke-dasharray:3 4}.tick{fill:var(--dim);font-size:10px}.vlab{fill:var(--text);font-size:9.5px;font-weight:600}.bar{fill:url(#g),var(--accent);fill:var(--accent);transition:filter .15s}.bar:hover{filter:brightness(1.25)}.hbars{display:flex;flex-direction:column;gap:8px}.hrow{display:grid;grid-template-columns:150px 1fr 70px 62px;align-items:center;gap:8px}.hname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}.htrack{background:var(--panel2);border-radius:4px;height:14px;overflow:hidden}.hfill{display:block;height:100%;background:linear-gradient(90deg,#b97800,var(--accent));border-radius:4px}.hval{font-variant-numeric:tabular-nums;font-weight:700;text-align:right;font-size:12px}.hsub{color:var(--dim);font-size:11px;text-align:right}.toplist{margin:0;padding-left:20px}.toplist li{padding:5px 0;border-bottom:1px dashed var(--line);font-size:13px}.toplist li:last-child{border-bottom:0}.toplist em{float:right;font-style:normal;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.strip{display:flex;height:22px;border-radius:6px;overflow:hidden;border:1px solid var(--line);margin-bottom:10px}.seg{display:block}.seg-t{opacity:.55;box-shadow:inset 0 0 0 1px #ffffff59}.legend{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:11.5px;color:var(--text)}.chip em{font-style:normal;color:var(--dim)}.chip.big{font-size:12.5px;padding:6px 12px}.chip.big b{color:var(--accent)}.chip.link{cursor:pointer}.chip.link:hover{border-color:var(--accent)}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.25)}.dot-t{opacity:.55;box-shadow:inset 0 0 0 1px #fff6}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.toolbar input,.toolbar select,.yr input{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px;outline:none}.toolbar input:focus,.toolbar select:focus{border-color:var(--accent)}.toolbar input:first-child{flex:1;min-width:220px}.yr{color:var(--dim);font-size:12px;display:inline-flex;gap:6px;align-items:center}.yr input{width:76px}.toolbar button{background:none;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:8px 14px;cursor:pointer;font-size:13px}.toolbar button:hover{border-color:var(--accent)}.meta-line{color:var(--dim);font-size:12px;margin:0 2px 8px}table{width:100%;border-collapse:collapse}table.sets th,table.bom th{text-align:left;color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:8px 10px;border-bottom:1px solid var(--line)}table.sets td{padding:9px 10px;border-bottom:1px solid var(--line);font-size:13px}table.sets tbody tr{cursor:pointer}table.sets tbody tr:hover{background:var(--panel2)}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}td.strong{font-weight:700}td.dim{color:var(--dim)}.mono{font-family:var(--mono);font-size:12.5px}.badge{background:var(--panel2);border:1px solid var(--line);padding:3px 9px;border-radius:6px}.empty{text-align:center;color:var(--dim);padding:26px!important}.pager{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:14px;color:var(--dim)}.pager button{background:none;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:7px 14px;cursor:pointer}.pager button:disabled{opacity:.35;cursor:default}.back{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;padding:0 0 12px}.sethead h2{margin:0 0 8px;font-size:22px}.setmeta{display:flex;gap:12px;align-items:center;color:var(--dim);font-size:13px;margin-bottom:12px;flex-wrap:wrap}.crumbs:before{content:"📁 ";opacity:.6}.chips{display:flex;gap:8px;flex-wrap:wrap}.builds{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.build-card{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px}.build-card.main{border-color:var(--accent);box-shadow:0 0 0 1px #ffb30040}.build-card.clickable{cursor:pointer;transition:transform .12s,border-color .12s}.build-card.clickable:hover{transform:translateY(-2px);border-color:var(--accent)}.build-card.muted{opacity:.65}.build-tag{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--accent);font-weight:700;margin-bottom:6px}.build-name{font-weight:700;font-size:13.5px;margin-bottom:4px}.build-sub{color:var(--dim);font-size:11.5px;margin-bottom:10px}.build-card .strip{margin-bottom:0;height:14px}.parents{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.plab{color:var(--dim);font-size:12px}.catbars{list-style:none;margin:0;padding:0}.catbars li{display:grid;grid-template-columns:170px 1fr 64px;gap:8px;align-items:center;padding:5px 0}.cname{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctrack{background:var(--panel2);height:12px;border-radius:4px;overflow:hidden}.cfill{display:block;height:100%;background:linear-gradient(90deg,#7a1015,var(--red));border-radius:4px}.cval{text-align:right;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.bom td{padding:7px 10px;border-bottom:1px solid var(--line);font-size:12.5px;vertical-align:middle}.spare-toggle{display:inline-flex;gap:6px;align-items:center;font-size:11px;text-transform:none;letter-spacing:0;color:var(--text);cursor:pointer;font-weight:400}.trans-chip{border-color:#4aa3ff44}.error{background:#3a1214;border:1px solid #7a2026;color:#ffb4b8;padding:14px 16px;border-radius:10px;margin:12px 0}.scenewrap{background:radial-gradient(1200px 420px at 50% -10%,#20262f 0%,transparent 60%),linear-gradient(180deg,#151920,#101318);border:1px solid var(--line);border-radius:10px;overflow:hidden}.scenewrap canvas{touch-action:none}.canvasbox{position:relative}.scene-tip{position:absolute;display:none;z-index:5;pointer-events:none;background:#080a0deb;border:1px solid var(--accent);color:var(--text);padding:6px 10px;border-radius:8px;font-size:12px;max-width:260px;box-shadow:0 4px 14px #00000080}.scene-hint{position:absolute;left:12px;bottom:10px;color:var(--dim);font-size:11px;pointer-events:none}.scene-hud{position:absolute;right:12px;top:10px;background:#080a0dd9;border:1px solid var(--line);color:var(--text);padding:5px 12px;border-radius:999px;font-size:12px;pointer-events:none}.build-controls{display:flex;gap:8px;align-items:center;padding:10px 12px 4px;flex-wrap:wrap}.bbtn{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:8px;min-width:40px;padding:7px 10px;cursor:pointer;font-size:13px;font-weight:700}.bbtn:hover{border-color:var(--accent)}.build-controls input[type=range]{flex:1;min-width:160px;accent-color:var(--accent);height:4px}.dim-note{color:var(--dim);font-weight:400;text-transform:none;letter-spacing:0;font-size:11px}.bbtn.takeover{padding:7px 14px;font-weight:600}.bbtn.takeover.on{background:var(--accent);border-color:var(--accent);color:#111}.scene-hint.takeover{color:var(--accent);pointer-events:none}.editbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 12px 2px;font-size:11px}.elab{color:var(--dim);margin-right:2px}.pal-btn{display:inline-flex;align-items:center;gap:6px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:11px;cursor:pointer;font-family:inherit}.pal-btn:hover{border-color:var(--accent)}.pal-btn.on{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px #ffb30059}.pal-btn.cancel{color:var(--dim)}.pal-btn.danger{color:#ff9a9a;margin-left:auto}.pal-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.25);flex:none}.loading{color:var(--dim);padding:40px;text-align:center;font-size:15px;animation:pulse 1.2s infinite ease-in-out}@keyframes pulse{50%{opacity:.45}}