:root{--bg:#0e1116;--bg-panel:#161b22;--bg-elev:#1f2530;--border:#2a313c;--text:#e6edf3;--text-dim:#8b949e;--text-mute:#6e7681;--accent:#4ea1ff;--accent-2:#7ee787;--danger:#ff6b6b;--warn:#f0b429;--ok:#7ee787;--kind-full:#4ea1ff;--kind-delta:#7ee787;--kind-cache:#b392f0;--kind-reval:#56d1c9;--kind-fail:#ff6b6b;--kind-dict:#f0b429;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sp-0:2px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--radius:6px;--radius-sm:3px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-sans);margin:0;padding:0;font-size:13px}#topbar{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);background:var(--bg-panel);z-index:20;display:flex;position:sticky;top:0}.brand{color:var(--accent);letter-spacing:.02em;font-weight:600}.mode-toggle{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.mode-toggle button{background:var(--bg-elev);color:var(--text-dim);cursor:pointer;border:none;border-right:1px solid var(--border);padding:4px 12px;font-family:inherit;font-size:12px}.mode-toggle button:last-child{border-right:none}.mode-toggle button.active{background:color-mix(in oklab, var(--accent) 25%, var(--bg-elev));color:var(--text)}.mode-toggle button:hover:not(.active){color:var(--text)}body[data-current-mode=manual] [data-mode=simulated],body[data-current-mode=simulated] [data-mode=manual]{display:none!important}.controls{align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-left:auto;display:flex}.controls label{align-items:center;gap:var(--sp-1);color:var(--text-dim);font-size:12px;display:inline-flex}.controls select,.controls input{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 6px;font-family:inherit;font-size:12px}.controls button{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:3px 10px;font-family:inherit;font-size:12px}.controls button:hover{border-color:var(--accent)}.clock{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.failure-counter{align-items:center;gap:var(--sp-1);font-family:var(--font-mono);color:var(--text-dim);font-size:12px;display:inline-flex}.failure-counter .dot{background:var(--kind-fail);opacity:.4;border-radius:50%;width:8px;height:8px}.failure-counter.active .dot{opacity:1;box-shadow:0 0 8px var(--kind-fail)}#app{gap:var(--sp-2);padding:var(--sp-2);grid-template:"params center detail"minmax(0,1fr)"params log detail"minmax(180px,30vh)/260px 1fr 340px;height:calc(100vh - 46px);display:grid}#params-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-2);grid-area:params;overflow-y:auto}#center{gap:var(--sp-2);grid-area:center;grid-template-rows:260px 1fr;min-height:0;display:grid}#detail-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;grid-area:detail;display:flex;overflow:hidden}#event-log{flex-direction:column;grid-area:log;display:flex;overflow:hidden}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-title{padding:var(--sp-1) var(--sp-3);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);border-bottom:1px solid var(--border);background:var(--bg-elev);align-items:center;gap:var(--sp-3);font-size:11px;display:flex}.panel-sub{color:var(--text-mute);text-transform:none;letter-spacing:0;margin-left:auto;font-size:11px}.panel-body{flex:1;min-height:0;position:relative;overflow:auto}#charts-grid{gap:var(--sp-2);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);min-height:0;display:grid}#charts-grid .panel-body svg,#charts-grid .panel-body canvas{width:100%;height:100%;display:block}#asset-graph .panel-body{position:relative}#asset-graph canvas,#asset-graph svg{width:100%;height:100%;position:absolute;inset:0}#event-log-body{font-family:var(--font-mono);font-size:12px;display:block}.event-row{gap:var(--sp-2);padding:0 var(--sp-3);cursor:pointer;box-sizing:border-box;border-bottom:1px solid #ffffff08;border-left:3px solid #0000;grid-template-columns:70px 60px 1fr 130px 90px 140px;align-items:center;line-height:1;display:grid;overflow:hidden}.event-row>*{min-width:0}.event-row:hover{background:var(--bg-elev)}.event-row.selected{background:var(--bg-elev);border-left-color:var(--accent)}.event-row .ts{color:var(--text-mute)}.event-row .user{color:var(--text-dim)}.event-row .url{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-row .sizebar{background:var(--bg-elev);border-radius:2px;height:10px;position:relative;overflow:hidden}.event-row .sizebar>div{border-radius:2px;height:100%}.event-row .kind{text-transform:uppercase;letter-spacing:.06em;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:2px;padding:1px 4px;font-size:10px;line-height:1.4;overflow:hidden}.event-row .kind.full{background:color-mix(in oklab, var(--kind-full) 20%, transparent);color:var(--kind-full)}.event-row .kind.delta{background:color-mix(in oklab, var(--kind-delta) 20%, transparent);color:var(--kind-delta)}.event-row .kind.cache{background:color-mix(in oklab, var(--kind-cache) 20%, transparent);color:var(--kind-cache)}.event-row .kind.revalidated{background:color-mix(in oklab, var(--kind-reval) 20%, transparent);color:var(--kind-reval)}.event-row .badges{justify-content:flex-end;align-items:center;gap:4px;display:flex;overflow:hidden}.event-row .badge{white-space:nowrap;border-radius:2px;height:14px;padding:0 4px;font-size:10px;line-height:14px}.event-row .badge.fail{background:color-mix(in oklab, var(--kind-fail) 20%, transparent);color:var(--kind-fail)}.event-row .badge.dict{background:color-mix(in oklab, var(--kind-dict) 25%, transparent);color:var(--kind-dict);border:1px solid var(--kind-dict)}.event-row.dict-advert{border-left-color:var(--kind-dict)}.event-row.flash-fail{animation:.9s ease-out flash-fail}@keyframes flash-fail{0%{background:color-mix(in oklab, var(--kind-fail) 45%, transparent)}to{background:0 0}}#detail-body{padding:var(--sp-3);font-family:var(--font-mono);font-size:12px;line-height:1.5}#detail-body .empty{color:var(--text-mute);font-family:var(--font-sans);font-style:italic}#detail-body h4{margin:var(--sp-3) 0 var(--sp-1);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:11px}#detail-body pre{white-space:pre-wrap;word-break:break-all;color:var(--text);margin:0}#detail-body .hdr-name{color:var(--accent)}#detail-body .hdr-value{color:var(--text)}#detail-body .kv{font-family:var(--font-sans);grid-template-columns:130px 1fr;gap:4px 12px;display:grid}#detail-body .kv>.k{color:var(--text-dim)}#params-panel details{border-bottom:1px solid var(--border)}#params-panel summary{padding:var(--sp-2) var(--sp-1);cursor:pointer;color:var(--text);font-size:12px;font-weight:600}#params-panel .field{gap:var(--sp-2);padding:2px var(--sp-1);grid-template-columns:1fr 90px;align-items:center;display:grid}#params-panel .field label{color:var(--text-dim);font-size:12px}#params-panel .field input,#params-panel .field select{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:2px 6px;font-family:inherit;font-size:12px}#params-panel .field.wide{grid-template-columns:1fr}#legend-body{padding:var(--sp-3);color:var(--text-dim);gap:var(--sp-1);font-size:12px;font-family:var(--font-sans);flex-direction:column;display:flex}#legend-body .row{align-items:center;gap:var(--sp-2);display:flex}#legend-body .swatch{border-radius:2px;width:14px;height:14px}#legend-body .swatch.dict{border:2px double var(--kind-dict);background:0 0}#manual-panel{padding:var(--sp-2);border-bottom:1px solid var(--border);background:var(--bg-elev);border-radius:var(--radius);margin-bottom:var(--sp-2)}#manual-panel[hidden]{display:none}.manual-title{text-transform:uppercase;letter-spacing:.06em;color:var(--kind-dict);font-size:11px;font-weight:600}.manual-help{color:var(--text-mute);margin:4px 0 8px;font-size:11px}.advance-strip{border-bottom:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;padding:4px 0 8px;display:flex}.advance-strip .strip-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-right:2px;font-size:11px}.advance-strip .advance-input{background:var(--bg-panel);width:60px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 4px;font-family:inherit;font-size:11px}.advance-strip .mbtn.shortcut{color:var(--text-dim);padding:2px 6px;font-size:10px}.manual-table{border-collapse:collapse;width:100%;font-size:12px}.manual-table th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);padding:2px 4px;font-size:11px;font-weight:500}.manual-table td{vertical-align:middle;padding:3px 4px}.manual-table td.aname{color:var(--text);font-family:var(--font-mono);white-space:nowrap;font-size:11px}.manual-table td.req-cell{flex-direction:column;align-items:stretch;gap:3px;display:flex}.manual-table .mbtn{background:var(--bg-panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:2px 6px;font-family:inherit;font-size:11px}.manual-table .mbtn:hover{border-color:var(--accent)}.manual-table .mbtn.mod{border-color:color-mix(in oklab, var(--kind-dict) 40%, var(--border))}.manual-table .mbtn.mod:hover{border-color:var(--kind-dict);background:color-mix(in oklab, var(--kind-dict) 15%, var(--bg-panel))}.manual-table .mbtn.req{border-color:color-mix(in oklab, var(--accent) 40%, var(--border))}.manual-table .mbtn.req:hover{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 15%, var(--bg-panel))}.fresh-pill{text-align:center;height:14px;font-size:10px;line-height:14px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:1px 4px;display:inline-block;overflow:hidden}.fresh-pill.fresh{background:color-mix(in oklab, var(--ok) 20%, transparent);color:var(--ok);border:1px solid color-mix(in oklab, var(--ok) 50%, transparent)}.fresh-pill.stale{background:color-mix(in oklab, var(--warn) 20%, transparent);color:var(--warn);border:1px solid color-mix(in oklab, var(--warn) 50%, transparent)}.fresh-pill.miss{color:var(--text-mute);border:1px dashed var(--border);background:0 0}#toast-stack{z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--bg-elev);border:1px solid var(--border);border-left:3px solid var(--kind-fail);border-radius:var(--radius);font-family:var(--font-mono);max-width:320px;padding:8px 12px;font-size:12px;animation:.2s ease-out toast-in;box-shadow:0 4px 20px #0006}.toast.warn{border-left-color:var(--warn)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.toast.leaving{animation:.2s ease-in forwards toast-out}@keyframes toast-out{to{opacity:0;transform:translate(20px)}}