:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8f0f1;font-synthesis:none;text-rendering:geometricprecision;--bg:#050a0d;--panel:#0c161be0;--panel-solid:#0c161b;--panel-2:#101d22;--line:#a1c2c829;--line-strong:#a1c2c84d;--muted:#88a0a5;--text:#e8f0f1;--cyan:#58d7ca;--cyan-soft:#58d7ca24;--gold:#f5c978;--gold-soft:#f5c97824;--coral:#ff7d8b;--coral-soft:#ff7d8b21;--blue:#76a9ff;--radius:16px;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;background:#050a0d;font-family:Inter,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:radial-gradient(circle at 18% -10%,#328e8a21,#0000 32rem),radial-gradient(circle at 88% 18%,#735da117,#0000 30rem),linear-gradient(#071014 0%,#050a0d 78%);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{box-shadow:0 0 0 2px #071014, 0 0 0 4px var(--cyan)}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);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050a0de0;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{width:40px;height:40px;color:var(--cyan);font:600 20px/1 var(--mono);background:linear-gradient(145deg,#58d7ca2b,#76a9ff0f);border:1px solid #58d7ca57;border-radius:11px;place-items:center;display:grid;box-shadow:inset 0 0 22px #58d7ca12}.eyebrow,.section-kicker,.control-label,.metric-label,.table-label{color:var(--muted);font:600 10px/1.35 var(--mono);letter-spacing:.15em;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:#d8e8e9;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:#ffffff06;border-radius:9px;padding:7px 9px}.status-link{text-decoration:none;transition:border-color .15s,background .15s}.status-link:hover{border-color:var(--line-strong);background:#58d7ca14}.status-link:focus-visible{box-shadow:0 0 0 2px #071014, 0 0 0 4px var(--cyan)}.status-chip strong{color:var(--text);margin-top:4px;font-size:12px;font-weight:600;display:block}.status-chip.live strong{color:var(--cyan)}.status-chip.collapse 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:#091216c7;border-radius:11px;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:7px;flex:none;padding:8px 13px}.tab:hover{color:var(--text)}.tab[aria-selected=true]{background:var(--cyan-soft);color:#b9fff5}.view[hidden]{display:none}.field-layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:14px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,#0e1a1ff0,#070f13eb);box-shadow:0 18px 50px #0000002e}.stage-card{min-height:min(69vh,760px);position:relative;overflow:hidden}.stage-card:before{content:"";pointer-events:none;background-image:linear-gradient(#83a6ad09 1px,#0000 1px),linear-gradient(90deg,#83a6ad09 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.stage-head{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:14px;display:flex;position:absolute;top:16px;left:18px;right:18px}.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:var(--gold)}.legend-reflex{color:var(--cyan)}.legend-gamma{color:var(--coral)}#field-canvas{cursor:crosshair;touch-action:manipulation;width:100%;height:100%;min-height:min(69vh,760px);display:block}.inject-hint{z-index:2;border:1px solid var(--line);max-width:calc(100% - 24px);color:var(--muted);font:500 10px/1.3 var(--mono);text-align:center;pointer-events:none;background:#050a0dc2;border-radius:999px;padding:7px 11px;position:absolute;bottom:15px;right:50%;transform:translate(50%)}.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:#58d7ca14;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:#ffffff05;border-radius:8px;padding:8px;position:relative;overflow:hidden}.latent-cell .fill{height:var(--level,50%);pointer-events:none;background:linear-gradient(#0000,#58d7ca30);position:absolute;bottom:0;left:0;right:0}.latent-cell strong{color:#c9dadd;font-weight:500;position:absolute;bottom:6px;right:7px}.control-panel{background:#070e12ad;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:#ffffff06;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:#cbdcdf;width:auto;min-width:38px;height:38px;font:600 13px/1 var(--mono);white-space:nowrap;border-radius:10px;place-items:center;padding:0 6px;display:grid}.icon-button.is-running{background:var(--cyan-soft);color:#adfff5;border-color:#58d7ca61}.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:#cddcdf;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:#0000002e;border-radius:9px;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:9px;padding:7px 8px}.mode-button[aria-pressed=true]{background:var(--cyan-soft);color:#b6fff6;border-color:#58d7ca6b}.mode-button[data-mode=disrupt][aria-pressed=true],.mode-button[data-mode=pulse][aria-pressed=true]{background:var(--coral-soft);color:#ffc1c8;border-color:#ff7d8b6b}.switch-list{gap:7px;margin-top:10px;display:grid}.switch-row{border:1px solid var(--line);color:#bccdd0;min-height:43px;font:500 11px/1.2 var(--mono);background:#ffffff05;border-radius:10px;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:#091015;border-radius:999px;width:36px;height:20px;position:relative}.switch:after{content:"";background:#667d82;border-radius:50%;width:12px;height:12px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.switch:checked{background:#58d7ca24;border-color:#58d7ca73}.switch:checked:after{background:var(--cyan);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:9px;padding:8px 11px}.primary-button{background:var(--cyan-soft);color:#b6fff6;border-color:#58d7ca66}.primary-button:hover{background:#58d7ca36}.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}.trace-grid,.operator-grid,.verify-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:14px;display:grid}.chart-card,.event-card,.mesh-card,.operator-card,.scope-card,.checks-card{padding:16px}.chart-card{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:#a1c2c81a;stroke-width:1px;vector-effect:non-scaling-stroke}.trace-chart .series{fill:none;stroke-width:1.8px;vector-effect:non-scaling-stroke}.event-list,.mesh-list,.check-list{gap:8px;max-height:520px;margin:13px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.event-item,.mesh-item,.check-item{border:1px solid var(--line);background:#ffffff05;border-radius:10px;padding:10px}.event-item header,.mesh-item header,.check-item header{color:#d9e8e9;font:600 11px/1.2 var(--mono);justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px;display:flex}.event-item p,.mesh-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)}.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:10px;place-items:center;padding:20px;display:grid}.type-spine{color:#c8f8f2;font:500 13px/1.8 var(--mono);white-space:pre;background:#58d7ca0e;border:1px solid #58d7ca38;border-radius:11px;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:#ffffff05;border-radius:10px;padding:11px}.operator-item strong{color:var(--gold);font:600 14px/1 var(--mono);margin-bottom:5px;display:block}.operator-item code{color:#c5d6d8;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{background:var(--gold-soft);color:#e8d4ab;border:1px solid #ffc9783d;border-radius:10px;margin-top:13px;padding:12px;font-size:12px;line-height:1.55}.check-item[data-status=pass]{border-color:#58d7ca47}.check-item[data-status=fail]{border-color:#ff7d8b61}.check-item[data-status=not-tested]{border-color:#f5c97857}.check-status{color:var(--muted);text-transform:uppercase}.check-item[data-status=pass] .check-status{color:var(--cyan)}.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:#ffffff05;border-radius:10px;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:#dce9eb;max-width:min(420px,100vw - 36px);font:500 11px/1.45 var(--mono);opacity:0;pointer-events:none;background:#142126;border-radius:10px;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}.stage-card,#field-canvas{min-height:520px}}@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}.stage-card,#field-canvas{min-height:440px}.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}}
