@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ecece8;font-synthesis:none;text-rendering:geometricprecision;--bg:#0a0b0d;--panel:#121318;--panel-solid:#121318;--panel-2:#1a1b21;--line:#ecece81a;--line-strong:#ecece833;--muted:#8b8d93;--text:#ecece8;--cyan:#c5ccd6;--cyan-soft:#c5ccd624;--gold:#e8d59a;--gold-soft:#1a1b21;--coral:#c4897a;--coral-soft:#1a1b21;--blue:#8ea0b8;--radius:12px;--mono:"IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;background:#0a0b0d;font-family:IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.visually-hidden{clip:rect(0, 0, 0, 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,input,select,[role=tab]{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,[role=tab]:focus-visible{outline-offset:3px;outline:2px solid #c5ccd6}button{color:inherit}.app-shell{width:min(1880px,100%);min-height:100vh;margin:0 auto}.topbar{z-index:20;border-bottom:1px solid var(--line);background:#0a0b0d;grid-template-columns:minmax(270px,1fr) auto minmax(270px,1fr);align-items:center;min-height:74px;padding:12px 22px;display:grid;position:sticky;top:0}.brand{align-items:center;gap:13px;min-width:0;display:flex}.brand-mark{background:var(--panel-2);width:40px;height:40px;color:var(--text);font:600 20px/1 var(--mono);box-shadow:0 0 0 1px var(--line);border:0;border-radius:8px;place-items:center;display:grid}.eyebrow,.section-kicker,.control-label,.metric-label,.table-label{color:var(--muted);font:600 10px/1.35 var(--mono);letter-spacing:.22em;text-transform:uppercase}.brand h1{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:clamp(16px,1.6vw,23px);font-weight:560;overflow:hidden}.header-equation{color:#ecece8;font:500 14px/1 var(--mono);letter-spacing:.03em}.status-strip{justify-content:flex-end;gap:8px;display:flex}.status-chip{border:1px solid var(--line);min-width:62px;color:var(--muted);font:500 10px/1 var(--mono);text-align:center;background:#1a1b21;border-radius:8px;padding:7px 9px}.status-link{text-decoration:none;transition:border-color .15s,background .15s}.status-link:hover{border-color:var(--line-strong);background:#c5ccd614}.status-link:focus-visible{outline-offset:3px;outline:2px solid #c5ccd6}.status-chip strong{color:var(--text);margin-top:4px;font-size:12px;font-weight:600;display:block}.status-chip.live strong{color:#7d9a84}.status-chip.projection strong{color:var(--gold)}.workspace{grid-template-columns:minmax(0,1fr) 338px;min-height:calc(100vh - 74px);display:grid}.primary{border-right:1px solid var(--line);min-width:0;padding:18px 20px 26px}.tabs{border:1px solid var(--line);background:#121318;border-radius:12px;gap:3px;width:max-content;max-width:100%;margin:0 0 16px;padding:4px;display:flex;overflow-x:auto}.tab{color:var(--muted);cursor:pointer;font:600 11px/1 var(--mono);letter-spacing:.06em;background:0 0;border:0;border-radius:8px;flex:none;padding:8px 13px}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:#0a0b0d;background:#c5ccd6}.view[hidden]{display:none}.field-layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:14px;display:grid}.card{border-radius:var(--radius);background:var(--panel-solid);box-shadow:0 0 0 1px var(--line);border:0}.stage-card{background:var(--bg);align-self:start;position:relative;overflow:hidden}.stage-card:before{content:none}.stage-head{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 0;display:flex;position:relative}.stage-head h2,.panel-heading h2,.section-heading h2{margin:4px 0 0;font-size:16px;font-weight:560}.legend{color:var(--muted);font:500 10px/1.2 var(--mono);flex-wrap:wrap;justify-content:flex-end;gap:9px 14px;display:flex}.legend-item:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.legend-field{color:#ffe3a1}.legend-smoothed{color:#51dfd2}.legend-update{color:#f2bf67}#field-canvas{aspect-ratio:1;cursor:crosshair;touch-action:manipulation;width:100%;height:auto;display:block}.inject-hint{color:var(--muted);font:400 10px/1.6 var(--mono);text-align:center;pointer-events:none;margin:12px 16px 20px}.side-stack{align-content:start;gap:12px;display:grid}.metric-card{min-height:104px;padding:14px}.metric-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.metric-value{color:var(--text);font:550 21px/1 var(--mono);letter-spacing:-.04em}.sparkline{width:100%;height:42px;margin-top:11px;overflow:visible}.sparkline path{fill:none;stroke:var(--cyan);stroke-width:1.7px;vector-effect:non-scaling-stroke}.sparkline .area{fill:#c5ccd614;stroke:none}.state-card{padding:14px}.state-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;display:grid}.latent-cell{border:1px solid var(--line);min-height:50px;font:500 10px/1 var(--mono);background:#1a1b21;border-radius:8px;padding:8px;position:relative;overflow:hidden}.latent-cell .fill{height:var(--level,50%);pointer-events:none;background:#c5ccd614;position:absolute;bottom:0;left:0;right:0}.latent-cell strong{color:#ecece8;font-weight:500;position:absolute;bottom:6px;right:7px}.control-panel{background:#0a0b0d;align-self:start;height:calc(100vh - 74px);padding:18px 17px 24px;position:sticky;top:74px;overflow-y:auto}.panel-heading{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.icon-actions{flex:none;gap:7px;display:flex}.icon-button,.primary-button,.secondary-button,.mode-button,.basin-button{border:1px solid var(--line);cursor:pointer;background:#1a1b21;transition:border-color .14s,background .14s,color .14s,transform .14s}.icon-button:hover,.secondary-button:hover,.mode-button:hover,.basin-button:hover{border-color:var(--line-strong);background:#ffffff0e}.icon-button:active,.primary-button:active,.secondary-button:active,.mode-button:active{transform:translateY(1px)}.icon-button{color:#ecece8;width:auto;min-width:38px;height:38px;font:600 13px/1 var(--mono);white-space:nowrap;border-radius:8px;place-items:center;padding:0 6px;display:grid}.icon-button.is-running{color:#0a0b0d;background:#c5ccd6;border-color:#0000}.control-section{border-top:1px solid var(--line);padding:15px 0}.control-section:first-of-type{border-top:0}.parameter-sections>.control-section:first-child{border-top:1px solid var(--line)}.control-row,.control-value-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.control-value{color:#ecece8;font:500 11px/1 var(--mono)}.seed-row{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:9px;display:grid}.text-input,.select-input{border:1px solid var(--line);min-width:0;height:38px;color:var(--text);font:500 12px/1 var(--mono);background:#121318;border-radius:8px;padding:0 10px}.range{width:100%;height:18px;accent-color:var(--cyan);cursor:pointer;margin:9px 0 0}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.mode-button,.basin-button{min-height:37px;color:var(--muted);font:600 10px/1.1 var(--mono);text-align:left;border-radius:8px;padding:7px 8px}.mode-button[aria-pressed=true]{color:#0a0b0d;background:#c5ccd6;border-color:#0000}.switch-list{gap:7px;margin-top:10px;display:grid}.switch-row{border:1px solid var(--line);color:#ecece8;min-height:43px;font:500 11px/1.2 var(--mono);background:#1a1b21;border-radius:8px;grid-template-columns:1fr auto;align-items:center;padding:8px 10px;display:grid}.switch-row small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.switch{appearance:none;border:1px solid var(--line-strong);cursor:pointer;background:#121318;border-radius:999px;width:36px;height:20px;position:relative}.switch:after{content:"";background:#5c5e66;border-radius:50%;width:12px;height:12px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.switch:checked{border-color:var(--mechanism-color);background:var(--mechanism-color)}.switch:checked:after{background:#0a0b0d;transform:translate(16px)}.action-row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.mobile-controls-toggle{width:100%;margin:0 0 10px;display:none}.primary-button,.secondary-button{min-height:39px;font:600 10px/1.2 var(--mono);border-radius:8px;padding:8px 11px}.primary-button{color:#0a0b0d;background:#c5ccd6;border-color:#0000}.primary-button:hover{background:#ecece8}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.section-note{max-width:620px;color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.55}#check-context{overflow-wrap:anywhere}.trace-grid,.operator-grid,.verify-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:14px;display:grid}.chart-card,.event-card,.memorySummaries-card,.operator-card,.scope-card,.checks-card{padding:16px}.chart-card{--cyan:#58d7ca;--gold:#f5c978;--coral:#ff7d8b;--blue:#76a9ff;min-height:290px}.chart-legend{color:var(--muted);font:500 10px/1.2 var(--mono);flex-wrap:wrap;gap:10px 16px;margin:12px 0;display:flex}.chart-legend span:before{content:"";background:currentColor;width:13px;height:2px;margin:0 6px 3px 0;display:inline-block}.trace-chart{width:100%;height:220px;overflow:visible}.trace-chart .grid-line{stroke:#ecece81a;stroke-width:1px;vector-effect:non-scaling-stroke}.trace-chart .series{fill:none;stroke-width:1.8px;vector-effect:non-scaling-stroke}.event-list,.memorySummaries-list,.check-list{gap:8px;max-height:520px;margin:13px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.event-item,.memorySummaries-item,.check-item{border:1px solid var(--line);background:#1a1b21;border-radius:8px;padding:10px}.event-item header,.memorySummaries-item header,.check-item header{color:#ecece8;font:600 11px/1.2 var(--mono);justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px;display:flex}.event-item p,.memorySummaries-item p,.check-item p{color:var(--muted);font:500 10px/1.5 var(--mono);overflow-wrap:anywhere;margin:0}.event-item .event-delta{color:var(--gold)}.event-item header{flex-wrap:wrap;align-items:flex-start}.event-metrics{text-align:right;white-space:nowrap;gap:4px;margin-left:auto;display:grid}.event-norm{color:var(--muted);font-weight:500}.empty-state{border:1px dashed var(--line);min-height:110px;color:var(--muted);font:500 11px/1.5 var(--mono);text-align:center;border-radius:8px;place-items:center;padding:20px;display:grid}.type-spine{box-shadow:0 0 0 1px var(--line);background:var(--panel-2);color:var(--text);font:500 13px/1.8 var(--mono);white-space:pre;border:0;border-radius:12px;margin:14px 0 0;padding:15px;overflow-x:auto}.operator-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.operator-item{border:1px solid var(--line);background:#1a1b21;border-radius:8px;padding:11px}.operator-item strong{color:var(--gold);font:600 14px/1 var(--mono);margin-bottom:5px;display:block}.operator-item code{color:#ecece8;font:500 10px/1.45 var(--mono)}.operator-item p,.scope-card p,.scope-card li{color:var(--muted);font-size:12px;line-height:1.55}.boundary-callout{box-shadow:0 0 0 1px var(--line);background:var(--panel-2);color:var(--text);border:0;border-radius:12px;margin-top:13px;padding:12px;font-size:12px;line-height:1.55}.check-item[data-status=pass]{border-color:#7d9a8447}.check-item[data-status=fail]{border-color:#c4897a61}.check-item[data-status=not-tested]{border-color:#c5ccd657}.check-status{color:var(--muted);text-transform:uppercase}.check-item[data-status=pass] .check-status{color:#7d9a84}.check-item[data-status=fail] .check-status{color:var(--coral)}.check-item[data-status=not-tested] .check-status{color:var(--gold)}.verification-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.summary-cell{border:1px solid var(--line);background:#1a1b21;border-radius:8px;padding:12px}.summary-cell strong{font:600 18px/1 var(--mono);margin-top:5px;display:block}.footer-boundary{display:none}.toast{z-index:50;border:1px solid var(--line-strong);color:#ecece8;max-width:min(420px,100vw - 36px);font:500 11px/1.45 var(--mono);opacity:0;pointer-events:none;background:#1a1b21;border-radius:8px;padding:11px 13px;transition:opacity .15s,transform .15s;position:fixed;bottom:18px;right:18px;transform:translateY(18px)}.toast.visible{opacity:1;transform:translateY(0)}@media (max-width:1120px){.topbar{grid-template-columns:1fr auto}.header-equation{display:none}.field-layout,.trace-grid,.operator-grid,.verify-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.state-card{grid-column:1/-1}}@media (max-width:820px){.topbar{grid-template-columns:1fr;gap:12px;padding:13px 15px;position:static}.status-strip{justify-content:flex-start;overflow-x:auto}.workspace{flex-direction:column;display:flex}.primary{border-right:0;padding:14px 12px 18px}.control-panel{border-bottom:1px solid var(--line);order:-1;width:auto;height:auto;padding:14px 12px;position:static}.panel-heading{margin-bottom:10px}.mobile-controls-toggle{display:block}.parameter-sections{display:none}.control-panel.expanded .parameter-sections{display:block}.footer-boundary{color:var(--muted);padding:12px 16px 22px;font-size:10px;line-height:1.5;display:block}}@media (max-width:560px){.brand-mark{width:36px;height:36px}.status-chip{min-width:58px}.side-stack{grid-template-columns:1fr}.state-card{grid-column:auto}.stage-head{display:block}.legend{justify-content:flex-start;margin-top:9px}.operator-list,.verification-summary,.action-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.mechanism-chip[data-mechanism=projection],.switch-row:first-child{--mechanism-color:#f2bf67}.mechanism-chip[data-mechanism=memory],.switch-row:nth-child(2){--mechanism-color:#51dfd2}.mechanism-chip[data-mechanism=summaries],.switch-row:nth-child(3){--mechanism-color:#8ab7ff}.mechanism-chip[data-mechanism=noise],.switch-row:nth-child(4){--mechanism-color:#ff957d}.mechanism-legend{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 16px;display:flex}.mechanism-chip{background:var(--panel-2);box-shadow:0 0 0 1px var(--line);color:var(--mechanism-color);font:400 10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:8px;align-items:center;gap:6px;padding:7px 8px;display:flex}.mechanism-chip:before{content:"";background:currentColor;border:1px solid;border-radius:50%;flex:none;width:9px;height:9px}.mechanism-chip[data-enabled=false]{color:#858b97}.mechanism-chip[data-enabled=false]:before{background:0 0}.switch-row{padding-left:26px;position:relative}.switch-row:before{content:"";background:#5c5e66;border-radius:50%;width:6px;height:6px;position:absolute;top:14px;left:10px}.switch-row:has(input:checked):before{background:var(--mechanism-color)}.switch-row>span:before{content:"";vertical-align:-1px;border:1px solid #5c5e66;width:9px;height:9px;margin-right:7px;display:inline-block}.switch-row:has(input:checked)>span:before{border-color:var(--mechanism-color)}.switch-row:first-child>span:before{transform:rotate(45deg)}.switch-row:nth-child(2)>span:before{border-radius:50%;box-shadow:inset 2px 0 #5c5e66}.switch-row:nth-child(2):has(input:checked)>span:before{box-shadow:inset 2px 0 0 var(--mechanism-color)}.switch-row:nth-child(3)>span:before{border-style:double;border-width:3px}.switch-row:nth-child(4)>span:before{border-style:dotted;border-width:2px;border-radius:50%}.status-chip,.latent-cell,.switch-row,.event-item,.memorySummaries-item,.check-item,.operator-item,.summary-cell{box-shadow:0 0 0 1px var(--line);border:0}.event-item,.memorySummaries-item,.check-item,.operator-item,.summary-cell{border-radius:12px}#field-canvas:focus-visible{outline-offset:-3px;outline:2px solid #c5ccd6}.operator-item strong,.event-item .event-delta,.status-chip.projection strong{color:var(--text)}@media (max-width:560px){.tabs{width:100%}.tab{letter-spacing:0;flex:1;padding-inline:5px;font-size:10px}.mechanism-legend{grid-template-columns:1fr 1fr;gap:7px;display:grid}.mechanism-chip{letter-spacing:0;justify-content:center}}