:root{--bg:#100e0b;--panel:#1a1712;--paper:#f2ead7;--ink:#f6ead2;--muted:#b9a98d;--rule:#7a6040;--accent:#f0a13a;--bad:#ff604a;--ok:#9cd66f;--shadow:#050403}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0%,#312313 0,#100e0b 42rem),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{min-height:46px;border:1px solid var(--accent);background:var(--accent);color:#171009;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:.8rem 1rem;box-shadow:5px 5px 0 var(--shadow);cursor:pointer}button:hover,button:focus-visible{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--shadow);outline:2px solid var(--paper);outline-offset:3px}button+button{background:transparent;color:var(--accent)}.shell{padding:clamp(1rem,2vw,2rem);max-width:1800px;margin:auto}.mast{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.7fr);gap:1rem;align-items:end;border-bottom:1px solid var(--rule);padding-bottom:1rem;margin-bottom:1rem}.eyebrow{grid-column:1/-1;margin:0;color:var(--accent);font:800 .78rem ui-monospace,monospace;letter-spacing:.22em;text-transform:uppercase}.mast h1{font-size:clamp(2.2rem,4.8vw,4.9rem);line-height:.88;letter-spacing:-.045em;margin:0;max-width:15ch;text-wrap:balance}.dek{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.45;color:var(--muted);max-width:42rem}.workspace{display:grid;grid-template-columns:minmax(18rem,24rem) minmax(0,1fr) minmax(17rem,22rem);gap:1rem;align-items:start}.panel{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--rule);padding:1rem;box-shadow:0 0 0 1px rgba(0,0,0,.35) inset}.panel-head{display:flex;align-items:center;gap:.65rem;border-bottom:1px solid var(--rule);padding-bottom:.75rem;margin-bottom:1rem}.panel h2{font:900 .85rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.18em;margin:0}.led{inline-size:.55rem;block-size:.55rem;border-radius:50%;background:var(--ok);box-shadow:0 0 12px var(--ok);animation:pulse 2.4s ease-in-out infinite}.led.amber{background:var(--accent);box-shadow:0 0 12px var(--accent);animation-duration:1.6s}@keyframes pulse{50%{opacity:.45;transform:scale(.75)}}label,legend{display:block;color:var(--muted);font:800 .78rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;margin:.9rem 0 .4rem}textarea,input,select{width:100%;background:#0d0b08;color:var(--ink);border:1px solid var(--rule);padding:.7rem;border-radius:0}textarea{font-size:.72rem;line-height:1.32;min-height:7rem;max-height:7rem;resize:vertical;text-transform:none;letter-spacing:0}input[type=range]{accent-color:var(--accent);padding:.4rem 0}output{float:right;color:var(--accent)}fieldset{border:1px solid var(--rule);padding:.7rem;margin:1rem 0}.radio{display:flex;gap:.55rem;align-items:center;text-transform:none;letter-spacing:0;font:700 .9rem ui-sans-serif,system-ui;color:var(--ink);margin:.45rem 0}.radio input{width:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.actions{display:grid;grid-template-columns:1fr;gap:.7rem;margin-top:1rem}.state-line{min-height:2.7rem;color:var(--accent);font:800 .82rem ui-monospace,monospace;line-height:1.35}.proofbar{display:grid;grid-template-columns:1.3fr .75fr .5fr;gap:1rem;margin-bottom:1rem}.mobile-actions{display:none;gap:.5rem}.mobile-actions button{min-height:38px;padding:.55rem .65rem;font-size:.7rem}.proofbar .label{display:block;color:var(--muted);font:800 .68rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.15em}.proofbar strong{font:900 .9rem ui-monospace,monospace;color:var(--ink)}.preview{background:#080705;border:1px solid var(--rule);padding:1rem;min-height:0;overflow:auto}.preview svg{display:block;width:auto;height:min(56vh,580px);max-width:100%;box-shadow:0 18px 60px rgba(0,0,0,.38)}.evidence p{color:var(--muted);line-height:1.45;margin-top:0}.evidence dl{display:grid;gap:.65rem;margin:0}.ev{border:1px solid var(--rule);padding:.65rem;display:grid;grid-template-columns:1fr 1.2fr;gap:.5rem}.ev dt{font:900 .8rem ui-monospace,monospace;color:var(--accent);text-transform:uppercase}.ev dd{margin:0;color:var(--ink);font-size:.88rem}.ev.ok{border-color:rgba(156,214,111,.5)}.ev.bad{border-color:var(--bad)}code{color:var(--muted)}body[data-pending=true] #pendingReadout{color:var(--accent)}[data-state=loading] .preview:before{content:'loading fixture…';color:var(--muted);font:900 1rem ui-monospace,monospace}@media (max-width:1100px){.workspace{grid-template-columns:1fr}.mast{grid-template-columns:1fr}.mast h1{max-width:12ch}.preview{min-height:auto}.proofbar{grid-template-columns:1fr 1fr}}@media (max-width:520px){.shell{padding:.5rem}.mast{display:none}.workspace{display:flex;flex-direction:column;gap:.5rem}.controls{order:1}.preview-stack{order:2}.evidence{order:3;margin-bottom:1rem}.grid2{grid-template-columns:1fr 1fr;gap:.45rem}.proofbar{grid-template-columns:1fr 1fr;gap:.4rem}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1}.panel{padding:.55rem}.panel-head{padding-bottom:.4rem;margin-bottom:.4rem}.preview{padding:.35rem;max-height:28vh;min-height:10.5rem}.preview svg{height:25vh;max-width:100%}.controls textarea{display:none}.controls .panel-head{display:none}.controls fieldset{padding:.35rem;margin:.35rem 0}.controls legend{margin:0 0 .25rem}.radio{display:inline-flex;margin:.15rem .35rem .15rem 0;font-size:.75rem}.controls label{font-size:.65rem;margin:.3rem 0 .15rem}.actions{grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.45rem}.state-line{display:none}button{width:100%;min-height:40px;padding:.55rem .5rem;font-size:.7rem}.evidence p{display:none}.evidence dl{grid-template-columns:1fr 1fr;gap:.35rem}.ev{grid-template-columns:1fr;padding:.35rem}.ev dt{font-size:.66rem}.ev dd{font-size:.68rem}.evidence .panel-head{display:flex}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}