:root{color:#1a1a18;background:#3a4034;font-family:system-ui,sans-serif}body{display:grid;min-height:100vh;margin:0;place-items:center}#app{width:min(72rem,calc(100% - 2rem));box-sizing:border-box;padding:2rem;background:#d9dccf}.preflight,.preflight-band,.preflight form{display:grid;gap:.75rem}.preflight-band{border-top:1px solid #737966;padding-top:.75rem}.preflight-band label{display:grid;gap:.25rem}.grid-assist{display:grid;gap:.5rem;padding:.75rem;border:1px solid #737966}.grid-assist p,.grid-assist ul{margin:0}.grid-registration,.grid-controls,.grid-targets{display:grid;gap:.5rem}.grid-control-row{display:grid;grid-template-columns:auto minmax(5rem,1fr) minmax(5rem,1fr) auto auto;align-items:center;gap:.5rem}.grid-targets{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.grid-registration-figure{max-width:100%;margin:0;cursor:crosshair}.grid-registration-figure img{display:block;max-width:100%;height:auto}.preflight [data-status=error]{color:#7f2118}.preflight [data-status=ready]{color:#245b29}.unresolved-token,input[data-blank-id]:placeholder-shown{color:#6a4f00;background:#f2d675}button,input,select,textarea{min-height:2.75rem;font:inherit}.delivery-frame{display:grid;min-height:min(48rem,calc(100vh - 4rem));gap:.75rem}.delivery-header,.delivery-transport{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.delivery-header h2,.delivery-header p{margin:0}.amplitude-bar{width:100%;height:3px;background:#737966}.amplitude-bar[data-status=playing]{background:#2c5aa0}.delivery-workspace{display:grid;grid-template-columns:minmax(0,58fr) minmax(14rem,42fr);min-height:24rem;border-block:1px solid #737966}.orders-pane,.trace-pane{min-width:0;max-height:55vh;overflow:auto;padding:1rem}.orders-pane{border-right:1px solid #737966;font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,monospace;line-height:1.5}.trace-pane{background:#ffffff38}.trace-preview{max-width:48rem}.trace-figure{position:relative;width:fit-content;max-width:100%;margin:0}.trace-figure img{display:block;max-width:100%;height:auto}.trace-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.trace-overlay text{fill:#171714;font:24px system-ui,sans-serif;paint-order:stroke;stroke:#d9dccf;stroke-width:4px}.trace-overlay circle{stroke:#d9dccf;stroke-width:3px}.trace-color-red{fill:#a1261d}.trace-color-blue{fill:#1e5ca8}.trace-color-black{fill:#171714}.trace-phase-path{fill:none;stroke:#1e5ca8;stroke-linecap:round;stroke-linejoin:round;stroke-width:8px}.trace-phase-path[data-phase-active=false]{opacity:.25}.trace-overlay g[data-phase-active=false]{opacity:.3}.trace-phase-pointer{fill:none;stroke:#a1261d;stroke-width:5px}@media(prefers-reduced-motion:reduce){.trace-phase-pointer{stroke-width:3px}}.delivery-text{max-width:80ch;overflow-wrap:anywhere}.delivery-text[data-state=delivered]{opacity:.55}.delivery-text[data-state=undelivered]{opacity:.25}.delivery-text[data-state=current]{opacity:1;background:#2c5aa01f;outline:2px solid #2c5aa0;outline-offset:.25rem}.notepad-drawer textarea{width:100%;min-height:8rem;box-sizing:border-box;resize:vertical}.storage-status,.delivery-error{margin:.25rem 0;font-size:.875rem}.delivery-error,.storage-status[data-status=error]{color:#7f2118}.delivery-transport{justify-content:flex-start}.paragraph-jumps{display:flex;gap:.25rem}.paragraph-jumps button{min-width:2.75rem}.delivery-voice{margin-left:auto}.bp-frame{display:grid;gap:1rem;border:1px solid #737966;background:#e7e9de;padding:1rem}.bp-clocks{display:flex;flex-wrap:wrap;gap:1.5rem}.bp-clock{display:grid;gap:.125rem}.bp-clock span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.bp-clock p{margin:0;font-size:2rem;font-variant-numeric:tabular-nums;line-height:1}.bp-workspace{display:grid;grid-template-columns:minmax(14rem,20rem) 1fr;gap:1rem;align-items:start}.bp-step-list{margin:0;padding-left:1.25rem;display:grid;gap:.25rem;max-height:28rem;overflow-y:auto}.bp-step-list li[data-state=current]{font-weight:700}.bp-step-list li[data-state=done]{opacity:.55}.bp-panel{display:grid;gap:.75rem}.bp-panel h3{margin:0}.bp-phase{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.bp-guidance,.bp-status{margin:0;font-size:.9rem}.bp-countdown{margin:0;font-variant-numeric:tabular-nums;font-weight:700}.bp-countdown[data-status=exceeded]{color:#7d2121}.bp-panel textarea{width:100%;box-sizing:border-box;font:inherit;padding:.5rem}.bp-confirm{display:flex;gap:.5rem;align-items:flex-start;border:1px solid #7d2121;padding:.5rem}.bp-controls{display:flex;flex-wrap:wrap;gap:.5rem}.start-reason{margin:.25rem 0 0;font-size:.9rem;font-weight:700}.start-reason[data-status=error]{color:#7d2121}.cue-banner{margin:0;padding:.5rem .75rem;background:#1a1a18;color:#e7e9de;font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.bp-trace-gate{margin:0;padding:.5rem .75rem;border-left:4px solid #7d2121;background:#f1f2ea;font-weight:700}.bp-trace-gate[data-status=unlocked]{border-left-color:#2f5d34}.questions-list{display:grid;gap:1rem;padding-left:1.25rem}.questions-list textarea{width:100%;box-sizing:border-box;font:inherit;padding:.5rem}.question-revealed{margin:.5rem 0 0;padding:.5rem;border-left:4px solid #2f5d34;background:#eef0e6}.capability-band{border:1px solid #737966;padding:.75rem 1rem;margin-bottom:1rem;background:#e7e9de}.capability-band[data-status=blocked]{border-left:4px solid #7d2121}.capability-band h2{margin:0 0 .25rem;font-size:1rem}.capability-band ul{margin:.5rem 0 0;padding-left:1.25rem;display:grid;gap:.5rem}.capability-band p{margin:.125rem 0 0;font-size:.9rem}.capability-band li[data-status=blocked] strong{color:#7d2121}.capability-fix{font-weight:700}.diagnostics-band{border:1px solid #737966;padding:.75rem 1rem;margin-top:1rem;background:#e7e9de;display:grid;gap:.5rem}.diagnostics-band h2{margin:0;font-size:1rem}.diagnostics-band p{margin:0;font-size:.9rem}.diagnostics-status[data-status=error]{color:#7d2121;font-weight:700}@media(max-width:45rem){.grid-control-row{grid-template-columns:1fr 1fr}body{display:block}#app{width:100%;padding:1rem}.delivery-frame{min-height:calc(100vh - 2rem)}.delivery-workspace{grid-template-columns:1fr}.orders-pane{max-height:48vh;border-right:0;border-bottom:1px solid #737966}.trace-pane{max-height:12rem}.delivery-voice{width:100%;margin-left:0}.bp-workspace{grid-template-columns:1fr}.bp-step-list{max-height:10rem}.bp-clock p{font-size:1.5rem}.bp-controls button{flex:1 1 8rem}}