:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;background:#0b0d10;color:#e5e7eb;--panel: #14181d;--panel-2: #101317;--border: #2d343c;--border-strong: #46515e;--text: #e5e7eb;--muted: #9aa4b2;--quiet: #747f8c;--accent: #2eb7b0;--accent-strong: #53d6c8;--amber: #e2b340;--danger: #df5c4f;--control: #1d232a;--control-hover: #28313a;--shadow: 0 18px 45px rgba(0, 0, 0, .28)}*{box-sizing:border-box;letter-spacing:0}html,body{width:100%;height:100%;margin:0}body{overflow:hidden}button,select,input{font:inherit}button{color:inherit}#app{display:grid;grid-template-columns:320px minmax(0,1fr) 310px;width:100vw;height:100dvh;min-width:0;background:#0b0d10}.panel{min-width:0;overflow:auto;background:var(--panel);border-color:var(--border)}.panel-left{border-right:1px solid var(--border)}.panel-right{border-left:1px solid var(--border)}.app-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;background:#11151a;border-bottom:1px solid var(--border)}.app-title h1,.panel-section h2,.eyebrow{margin:0}.app-title h1{font-size:1.2rem;line-height:1.2}.eyebrow{color:var(--accent-strong);font-size:.74rem;font-weight:700;text-transform:uppercase}.build-badge{display:inline-grid;place-items:center;width:34px;height:26px;flex:0 0 auto;border:1px solid rgba(46,183,176,.45);border-radius:6px;color:#d8fffa;background:#2eb7b01f;font-size:.78rem;font-weight:700}.panel-section{padding:14px;border-bottom:1px solid var(--border)}.section-heading{display:flex;align-items:center;justify-content:space-between;min-height:28px;gap:12px;margin-bottom:10px}.section-heading h2{font-size:.92rem;line-height:1.2}.section-heading span,.muted{color:var(--quiet);font-size:.82rem}.file-list{display:grid;gap:8px;max-height:min(48dvh,520px);overflow:auto;padding-right:2px}.file-row{display:grid;width:100%;gap:4px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);text-align:left;cursor:pointer}.file-row:hover,.file-row:focus-visible{border-color:var(--border-strong);background:#191f25;outline:none}.file-row.is-selected{border-color:#2eb7b0bf;box-shadow:inset 3px 0 0 var(--accent)}.file-row strong{min-width:0;overflow:hidden;color:var(--text);font-size:.9rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.file-row span,.file-row small{min-width:0;overflow:hidden;color:var(--muted);font-size:.78rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.file-row small{color:var(--quiet)}.file-picker{position:relative;display:grid;place-items:center;min-height:38px;margin-top:10px;border:1px dashed var(--border-strong);border-radius:8px;background:#11161b;color:#d8fffa;cursor:pointer}.file-picker:hover{border-color:var(--accent);background:#14201f}.file-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.field,.range-field,.toggle{display:grid;gap:7px;color:var(--muted);font-size:.82rem}.field select{width:100%;min-height:38px;border:1px solid var(--border);border-radius:6px;background:var(--control);color:var(--text);padding:0 10px}.primary-button,.icon-button,.segment{min-height:36px;border:1px solid var(--border);border-radius:6px;background:var(--control);cursor:pointer}.primary-button{width:100%;margin-top:10px;border-color:#2eb7b0a6;background:#153330;color:#eafffb;font-weight:700}.primary-button:hover,.primary-button:focus-visible,.icon-button:hover,.icon-button:focus-visible,.segment:hover,.segment:focus-visible{background:var(--control-hover);outline:none}.primary-button:disabled{cursor:progress;opacity:.6}.viewer-shell{position:relative;min-width:0;min-height:0;overflow:hidden;background:#090b0d}#viewport{display:block;width:100%;height:100%;outline:none;touch-action:none}#viewport.is-look-around-enabled{cursor:crosshair}#viewport.is-pointer-locked{cursor:none}.toolbar{position:absolute;z-index:3;top:12px;left:12px;right:12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-height:50px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0f1216d6;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.segmented{display:grid;grid-template-columns:repeat(4,minmax(74px,auto));overflow:hidden;border:1px solid var(--border);border-radius:7px}.segment{border:0;border-right:1px solid var(--border);border-radius:0;padding:0 11px;color:var(--muted);white-space:nowrap}.segment:last-child{border-right:0}.segment.is-active{background:var(--accent);color:#061312;font-weight:800}.range-field{grid-template-columns:auto minmax(120px,1fr);align-items:center;min-width:180px}.range-field input{accent-color:var(--accent)}.speed-field{grid-template-columns:auto minmax(120px,1fr) minmax(34px,auto);min-width:230px}.speed-field output{color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.toggle{grid-template-columns:auto auto;align-items:center;min-height:36px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--control);color:var(--text)}.toggle input{accent-color:var(--accent)}.toggle:has(input:disabled){cursor:not-allowed;opacity:.55}.icon-button{width:46px;flex:0 0 auto}.empty-state{position:absolute;inset:50%;z-index:1;display:grid;width:min(280px,calc(100% - 48px));gap:6px;padding:16px;border:1px solid var(--border);border-radius:8px;background:#14181de0;color:var(--muted);text-align:center;transform:translate(-50%,-50%)}.empty-state[hidden]{display:none!important}.empty-state strong{color:var(--text)}.loading-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#04060875;backdrop-filter:blur(4px)}.loading-overlay[hidden]{display:none!important}.loader-card{display:grid;width:min(380px,calc(100% - 32px));gap:8px;padding:16px;border:1px solid var(--border-strong);border-radius:8px;background:#14181d;box-shadow:var(--shadow)}.loader-card span{color:var(--accent-strong);font-size:.78rem;font-weight:800;text-transform:uppercase}.loader-card strong{overflow-wrap:anywhere}.progress-track{height:8px;overflow:hidden;border-radius:6px;background:#252c35}.progress-bar{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--amber));transition:width .16s ease}.stats-list{display:grid;gap:8px;margin:0}.stat-row{display:grid;grid-template-columns:minmax(76px,.55fr) minmax(0,1fr);gap:10px;min-width:0;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.stat-row:last-child{border-bottom:0}.stat-row dt,.stat-row dd{margin:0;min-width:0;line-height:1.35}.stat-row dt{color:var(--quiet);font-size:.8rem}.stat-row dd{overflow-wrap:anywhere;color:var(--text);font-size:.84rem;text-align:right}.compact .stat-row{grid-template-columns:minmax(72px,.45fr) minmax(0,1fr)}@media(max-width:1180px){#app{grid-template-columns:280px minmax(0,1fr)}.panel-right{position:absolute;z-index:4;right:12px;bottom:12px;width:min(330px,calc(100vw - 304px));max-height:46dvh;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}}@media(max-width:760px){body{overflow:auto}#app{grid-template-columns:1fr;grid-template-rows:auto minmax(62dvh,1fr) auto;height:auto;min-height:100dvh}.panel{max-height:none;overflow:visible}.panel-left,.panel-right{border:0;border-bottom:1px solid var(--border)}.panel-right{position:static;width:auto;max-height:none;border-radius:0;box-shadow:none}.viewer-shell{min-height:62dvh}.toolbar{flex-wrap:wrap;align-items:stretch}.segmented{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.range-field{flex:1 1 190px}}