@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibmplexmono-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibmplexmono-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/spacegrotesk-500.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/spacegrotesk-600.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/spacegrotesk-700.woff2) format("woff2")}:root{--base: #F6F1E6;--bg2: #EFE7D5;--card: #FBF8F1;--lift: #FEFCF7;--hairline: #E6DCC8;--line: #DDD3BE;--strong: #CDBFA2;--olive: #EBE2D0;--ink: #1A1A17;--secondary: #46443D;--muted: #6F6753;--clay: #C0563D;--deep: #7A2E2E;--error: #A23A29;--accent-deep: var(--deep);--accent-mid: var(--clay);--lime: var(--clay);--radius: 9px;--radius-card: 12px;--radius-pill: 18px;--hair: 1px solid var(--line);--maxw: 1200px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--ease-entrance: cubic-bezier(.2, .7, .2, 1);--ease-state: cubic-bezier(.4, 0, .2, 1);--chart-line: var(--ink);--chart-breach: var(--error);--chart-marker: var(--clay);--chart-grid: var(--line);--chart-band: rgba(205, 191, 162, .18);--chart-text: var(--muted)}.stage-dark{--base: #0E0F12;--card: rgba(246, 241, 230, .045);--lift: rgba(246, 241, 230, .08);--hairline: rgba(246, 241, 230, .12);--line: rgba(246, 241, 230, .16);--strong: rgba(246, 241, 230, .32);--ink: #F8F4EA;--secondary: rgba(246, 241, 230, .86);--muted: rgba(246, 241, 230, .6);--deep: #C0563D;--error: #D9705B;--hair: 1px solid rgba(246, 241, 230, .16);--chart-line: rgba(246, 241, 230, .92);--chart-breach: #D9705B;--chart-marker: #C0563D;--chart-grid: rgba(246, 241, 230, .22);--chart-band: rgba(246, 241, 230, .05);--chart-text: rgba(246, 241, 230, .55)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--base);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body:has(.stage-dark){background:#0e0f12}h1,h2,h3{font-family:var(--font-display);font-weight:600}h1{font-size:30px;letter-spacing:-.02em}h2{font-size:22px;letter-spacing:-.02em}h3{font-size:17px;letter-spacing:-.01em}.mono-label{font-family:var(--font-mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.mono-label--accent{color:var(--accent-deep)}.mono-label--error{color:var(--error)}.mono-value{font-family:var(--font-mono);font-size:13px;color:var(--ink)}.card{background:var(--card);border:var(--hair);border-radius:var(--radius-card);transition:border-color .2s var(--ease-state)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:var(--base);border:1px solid var(--ink);border-radius:var(--radius);font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;padding:13px 22px;cursor:pointer;transition:transform .2s var(--ease-state)}.btn:hover{transform:translateY(-2px)}.btn--danger{background:transparent;color:var(--error);border:1px solid var(--error)}.btn--danger:hover{background:#a23a290f}.stage-dark .btn{background:transparent;border:1px solid rgba(246,241,230,.4);color:#f6f1e6}.stage-dark .btn--primary{background:var(--clay);border-color:var(--clay);color:#f8efe6}.stage-dark .btn--danger{background:transparent;border-color:var(--error);color:var(--error)}.stage-dark .btn:disabled{opacity:.35}.stage-dark .pill--online{color:#f6f1e6d1}.stage-dark .pill--online .pill__dot{background:#f6f1e6b3}.stage-dark .mono-label--accent{color:var(--secondary)}.btn--large{padding:18px 30px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:8px}.field input,.field select,.field textarea{background:var(--lift);border:1px solid var(--strong);border-radius:var(--radius);color:var(--ink);font-family:var(--font-body);font-size:15px;padding:12px 14px;outline:none;transition:border-color .2s var(--ease-state)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--clay);outline:2px solid var(--clay);outline-offset:1px}.field--error input{border-color:var(--error)}.field__message{font-family:var(--font-body);font-size:13px;color:var(--error)}.rail-select{width:100%;background:var(--lift);border:1px solid var(--strong);border-radius:var(--radius);color:var(--ink);font-family:var(--font-mono);font-size:11px;padding:8px 10px;outline:none;transition:border-color .2s var(--ease-state)}.rail-select:focus{border-color:var(--clay)}.cell-input{width:100%;min-width:56px;background:var(--lift);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-family:var(--font-mono);font-size:13px;text-align:right;padding:6px 8px;outline:none;transition:border-color .2s var(--ease-state)}.cell-input:focus{border-color:var(--clay)}select.cell-input{text-align:left}.data-table{width:100%;border-collapse:collapse}.data-table th{font-family:var(--font-mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);text-align:left;padding:10px 14px;border-bottom:var(--hair)}.data-table td{font-size:14.5px;color:var(--ink);padding:12px 14px;border-bottom:1px solid var(--hairline)}.data-table th.is-num,.data-table td.is-num{text-align:right;font-family:var(--font-mono);font-size:13px}.data-table tbody tr{transition:background .16s var(--ease-state);cursor:default}.data-table tbody tr.is-active td{background:#c0563d12}.pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;padding:6px 12px;border:var(--hair);border-radius:var(--radius-pill);background:var(--card);color:var(--secondary)}.pill__dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.pill--online .pill__dot{background:var(--deep)}.pill--online{color:var(--deep)}.pill--offline{color:var(--muted)}.pill--breach{color:var(--error);border-color:var(--error)}.pill--breach .pill__dot{background:var(--error)}.prepare-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px;align-items:start}.stage-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.compose-grid{display:grid;grid-template-columns:380px minmax(0,1fr);gap:24px;align-items:start}.table-scroll{overflow-x:auto}@media (max-width: 960px){.prepare-grid,.stage-grid,.compose-grid{grid-template-columns:minmax(0,1fr)}}.sandbox-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;align-items:start}@media (max-width: 900px){.sandbox-grid{grid-template-columns:minmax(0,1fr)}}.sandbox-narration{font-family:var(--font-display);font-size:clamp(16px,1.9vw,21px);line-height:1.5;letter-spacing:-.01em;max-width:62ch;margin-top:20px;transition:color .3s var(--ease-state)}.twin-canvas{width:100%;aspect-ratio:16 / 11;min-height:200px;border-radius:var(--radius);overflow:hidden;position:relative}.twin-canvas canvas{display:block;width:100%!important;height:100%!important}@keyframes twin-pulse{0%{r:10;opacity:.9}to{r:30;opacity:0}}.twin-pulse{animation:twin-pulse 1.4s var(--ease-entrance) 1 forwards}@media (prefers-reduced-motion: reduce){.twin-pulse{animation:none;opacity:.5}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}