:root{color-scheme:dark;--bg:#0d0c09;--panel:#17150f;--ink:#f7efe2;--muted:#a79c8a;--line:#3f382e;--acid:#f3ff6b;--rust:#d97b38;--bad:#ff6d57;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 10%,#302519 0,#0d0c09 34rem);color:var(--ink)}button,input,select,textarea{font:inherit}button{min-height:44px;border:1px solid var(--line);background:#201c14;color:var(--ink);padding:.8rem 1rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--acid);color:#11100d;border-color:var(--acid);box-shadow:5px 5px 0 #000}.primary:hover,.primary:focus-visible{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #000}.shell{width:min(1520px,100%);margin:0 auto;padding:28px}.hero{display:grid;grid-template-columns:1fr minmax(280px,520px);gap:18px;align-items:end;border-bottom:2px solid var(--acid);padding:10px 0 16px}.eyebrow{grid-column:1/-1;font:800 12px ui-monospace,Menlo,monospace;color:var(--acid);text-transform:uppercase;letter-spacing:.14em;margin:0}.hero h1{font-size:clamp(1.8rem,3vw,3rem);line-height:.96;letter-spacing:-.03em;margin:0;max-width:24ch}.dek{font-size:clamp(1rem,2vw,1.35rem);line-height:1.35;color:var(--muted);margin:0}.workspace{display:grid;grid-template-columns:360px 1fr;gap:16px;margin-top:14px}.controls{display:flex;flex-direction:column;gap:10px}.panel{background:color-mix(in srgb,var(--panel) 92%,#000);border:1px solid var(--line);padding:12px}.panel h2{font:900 13px ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--acid);margin:0 0 14px}.state-card{display:grid;grid-template-columns:12px 1fr;gap:8px 12px}.state-card p{grid-column:2;margin:0;color:var(--muted);line-height:1.35}.led{width:10px;height:10px;margin-top:5px;background:var(--bad);box-shadow:0 0 10px var(--bad);display:inline-block}.is-ready .led{background:var(--acid);box-shadow:0 0 10px var(--acid)}textarea{width:100%;height:124px;margin-top:12px;background:#090806;color:var(--ink);border:1px solid var(--line);padding:12px;font:600 12px ui-monospace,Menlo,monospace;resize:vertical}label{display:block;margin:0 0 14px;color:var(--muted);font:800 12px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}select,input[type=range]{width:100%;margin-top:7px}select{background:#090806;color:var(--ink);border:1px solid var(--line);min-height:44px;padding:0 10px}input[type=range]{accent-color:var(--acid)}output{float:right;color:var(--ink)}.pending{font:700 12px ui-monospace,Menlo,monospace;color:var(--rust);min-height:1.2em}.evidence dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;font:700 12px ui-monospace,Menlo,monospace}.evidence dt{color:var(--muted)}.evidence dd{margin:0;color:var(--ink)}.preview{min-width:0;border:1px solid var(--line);background:#050504;padding:12px;display:flex;flex-direction:column;max-height:none}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font:800 12px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:2px 2px 12px}.preview-head button{width:auto;min-height:34px;padding:.45rem .65rem;font-size:11px}.workflow-strip{border:1px solid #3f382e;background:#17150f;color:#f3ff6b;padding:9px 10px;margin:0 0 10px;font:800 12px ui-monospace,Menlo,monospace;line-height:1.35}.sheet{overflow:hidden;min-height:0;border:1px solid #2a251e;background:#11100d}.sheet svg{display:block;width:100%;height:auto;max-height:560px;margin:0 auto}.empty-sheet{display:grid;place-items:center;color:var(--muted);font:800 14px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em}@media (max-width:860px){.shell{padding:10px}.hero{display:block;padding:4px 0 8px}.hero h1{font-size:clamp(1.55rem,8vw,2.15rem);max-width:18ch;margin-top:6px;letter-spacing:-.025em;line-height:1}.dek{margin-top:6px;font-size:.82rem;line-height:1.25}.eyebrow{font-size:9px}.workspace{grid-template-columns:1fr;margin-top:8px;gap:10px}.controls{order:0;gap:8px}.preview{order:1;max-height:none;min-height:0;padding:8px}.state-card p{font-size:.78rem}.panel{padding:9px}.panel h2{font-size:11px;margin-bottom:8px}textarea{min-height:58px}.evidence dl{grid-template-columns:1fr}.preview-head{align-items:flex-start;flex-direction:column;gap:6px;font-size:10px}.workflow-strip{font-size:10px;padding:7px}.sheet{min-height:0}.sheet svg{width:100%;height:auto;max-height:none}button,select{width:100%;min-height:40px;padding:.55rem .7rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.proof-rail{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;background:rgba(13,12,9,.96);padding:6px 0;border-bottom:1px solid var(--line)}.proof-rail div{border:1px solid var(--line);background:#11100d;padding:10px;min-height:76px}.proof-rail strong{display:block;font:900 11px ui-monospace,Menlo,monospace;color:var(--acid);letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px}.proof-rail span{display:block;color:var(--ink);font:700 12px/1.3 ui-monospace,Menlo,monospace}.preview-head span:last-of-type{color:var(--acid)}
@media (max-width:860px){.proof-rail{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.proof-rail div{padding:7px;min-height:64px}.proof-rail strong{font-size:9px;margin-bottom:4px}.proof-rail span{font-size:10px;line-height:1.22}.manifest-panel textarea,#manifest{min-height:54px;height:54px}.controlForm label,#controlForm label{font-size:12px}.pending{font-size:11px}.preview{margin-top:0}.sheet svg{width:100%;height:auto}}
.mobile-mirror{display:none}
@media (max-width:860px){.mobile-mirror{display:grid;gap:6px;margin-top:8px}.mirror-card{display:grid;grid-template-columns:76px 1fr;gap:8px;border:1px solid var(--line);background:#11100d;padding:7px}.mirror-thumb{min-height:58px;background:linear-gradient(135deg,var(--tone),#f7efe277 48%,#050506),radial-gradient(circle at 65% 35%,#f3ff6b99 0 9px,transparent 10px);border:1px solid #4e4639;position:relative;overflow:hidden}.mirror-thumb:before{content:"";position:absolute;inset:28% 0 0;background:#05050666;clip-path:polygon(0 35%,35% 0,68% 48%,100% 18%,100% 100%,0 100%)}.mirror-thumb span{position:absolute;left:5px;top:5px;font:900 9px ui-monospace,Menlo,monospace;color:#050506;background:#f3ff6b;padding:2px 3px}.mirror-card strong,.mirror-card span,.mirror-card small{display:block}.mirror-card strong{font:900 12px/1.1 ui-monospace,Menlo,monospace;color:var(--ink)}.mirror-card span{font:800 11px/1.2 ui-monospace,Menlo,monospace;color:var(--acid);margin-top:3px}.mirror-card small{font:700 10px/1.2 ui-monospace,Menlo,monospace;color:var(--muted);margin-top:3px}.sheet{display:none}}
body.capture-shot .hero{display:none}body.capture-shot .proof-rail{position:sticky;top:0;margin-top:0}body.capture-shot .workspace{margin-top:10px}body.capture-shot textarea{height:68px}body.capture-shot label{margin-bottom:9px}body.capture-shot .panel h2{margin-bottom:8px}body.capture-shot .controlForm,body.capture-shot #controlForm{font-size:11px}body.capture-shot .preview{padding:8px}body.capture-shot .workflow-strip{font-size:10px}body.capture-shot .sheet svg{max-height:470px}
@media (max-width:860px){body.capture-shot .controls{display:grid;grid-template-columns:1fr 1fr;gap:6px}body.capture-shot .state-card,body.capture-shot .controls .panel:nth-child(2){display:none}body.capture-shot #controlForm{display:grid;grid-template-columns:1fr 1fr;gap:6px;order:0}body.capture-shot #controlForm h2,body.capture-shot #controlForm .pending{grid-column:1/-1}body.capture-shot #controlForm label{margin:0}body.capture-shot .evidence{order:1}body.capture-shot .preview{order:2}body.capture-shot .mobile-mirror{grid-template-columns:1fr}body.capture-shot .mirror-card:nth-child(n+4){display:none}body.capture-shot .sheet{display:none}}
@media (max-width:860px){
  body.capture-shot .proof-rail{position:static;grid-template-columns:1fr 1fr;height:auto;padding:0;border-bottom:0;margin:0 0 6px}
  body.capture-shot .proof-rail div{min-height:48px;padding:5px}
  body.capture-shot .proof-rail strong{font-size:8px;margin-bottom:2px}
  body.capture-shot .proof-rail span{font-size:9px;line-height:1.12}
  body.capture-shot .workspace{margin-top:0;gap:6px}
  body.capture-shot .controls{display:block;order:0}
  body.capture-shot #controlForm{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px;margin:0 0 6px}
  body.capture-shot #controlForm h2{grid-column:1/-1;margin:0;font-size:10px}
  body.capture-shot #controlForm label{font-size:9px;letter-spacing:.04em;margin:0}
  body.capture-shot #controlForm select,body.capture-shot #controlForm input{margin-top:3px;min-height:28px;height:28px;padding:0 4px}
  body.capture-shot #controlForm button{grid-column:1/-1;min-height:30px;padding:.25rem .5rem;font-size:10px}
  body.capture-shot #controlForm .pending{grid-column:1/-1;margin:0;font-size:9px;min-height:0}
  body.capture-shot .evidence{display:block;padding:7px;margin:0 0 6px}
  body.capture-shot .evidence h2{font-size:10px;margin:0 0 4px}
  body.capture-shot .evidence dl{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:0;font-size:8px}
  body.capture-shot .evidence dt,body.capture-shot .evidence dd{margin:0;line-height:1.1}
  body.capture-shot .evidence button{display:none}
  body.capture-shot .preview{order:1;padding:7px}
  body.capture-shot .preview-head{font-size:9px;gap:4px;padding-bottom:5px}
  body.capture-shot .preview-head button{min-height:28px;font-size:9px;padding:.2rem .4rem}
  body.capture-shot .workflow-strip{font-size:8px;line-height:1.15;margin-bottom:5px;padding:5px}
  body.capture-shot .mobile-mirror{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:0}
  body.capture-shot .mirror-card:nth-child(n+4){display:grid}
  body.capture-shot .mirror-card{grid-template-columns:42px 1fr;gap:5px;padding:4px}
  body.capture-shot .mirror-thumb{min-height:40px}
  body.capture-shot .mirror-thumb span{font-size:7px;left:3px;top:3px}
  body.capture-shot .mirror-card strong{font-size:9px;line-height:1}
  body.capture-shot .mirror-card span{font-size:8px;line-height:1.05;margin-top:2px}
  body.capture-shot .mirror-card small{font-size:7px;line-height:1.05;margin-top:2px}
}
@media (max-width:860px){.sheet{display:block;max-height:150px;overflow:hidden}.sheet svg{width:100%;height:auto}.mobile-mirror{margin-top:6px}body.capture-shot .sheet{display:block;max-height:112px;margin-bottom:4px}body.capture-shot .sheet svg{width:100%;height:auto}body.capture-shot .preview{height:auto}body.capture-shot .mobile-mirror{grid-template-columns:1fr 1fr}body.capture-shot .mirror-card{min-height:43px}}