:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;--paper:#f0efe9;--paper-deep:#e5e3dc;--ink:#17191a;--muted:#62645f;--rule:#b9b8b0;--soft-rule:#d7d5cd;--field:#faf9f4;--amber:#a55b0a;--amber-soft:#ead8b9;--cyan:#146b73;--cyan-soft:#c7dfe0;--carmine:#9b2831;--carmine-soft:#efd0d0;--focus:#005fcc;--disabled:#a7a79f;--shadow:#1d1f1f2b;--edge:clamp(18px,3.2vw,64px);--rail:clamp(24px,3.3vw,54px);--sans:"Arial Narrow","Helvetica Neue",Arial,sans-serif;--body:Georgia,"Times New Roman",serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial;--paper:#111414;--paper-deep:#181c1c;--ink:#edf0e9;--muted:#a8ada5;--rule:#515956;--soft-rule:#303735;--field:#1b201f;--amber:#e2a44c;--amber-soft:#49351e;--cyan:#79c3c4;--cyan-soft:#1e4648;--carmine:#ee767c;--carmine-soft:#4c2529;--focus:#85b9ff;--disabled:#676d69;--shadow:#0000006b}}*{box-sizing:border-box}[hidden]{display:none}html{background:var(--paper);min-width:0}body{overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:var(--body);min-width:0;min-height:100vh;margin:0;font-size:17px;line-height:1.55}button,input,textarea{color:inherit;font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}#prototype-root:focus{outline:none}h1,h2,h3,p,dd{overflow-wrap:anywhere}h1,.page-heading{font:700 clamp(38px,5vw,78px)/.98 var(--sans);letter-spacing:-.045em;margin:0}h2{font:700 clamp(25px,3vw,42px)/1.04 var(--sans);letter-spacing:-.025em;margin:0}h3{font:700 19px/1.15 var(--sans);margin:0}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}#prototype-root{min-height:100vh}.app-shell{display:grid;grid-template-columns:var(--rail)minmax(0,1fr);min-height:100vh}.exposure-rail{position:fixed;z-index:10;width:var(--rail);overflow:hidden;border-right:1px solid var(--rule);background:var(--paper-deep);color:var(--muted);font-family:var(--mono);inset:0 auto 0 0}.rail-word{position:absolute;writing-mode:vertical-rl;letter-spacing:.22em;text-transform:uppercase;font-size:9px;top:22px;left:50%;transform:translate(-50%)}.rail-ticks{position:absolute;background:repeating-linear-gradient(to bottom,transparent 0 19px,var(--rule)19px 20px,transparent 20px 39px);opacity:.7;inset:120px 0 18px}.rail-index{position:absolute;font-size:10px;bottom:18px;left:50%;transform:translate(-50%)}.page{grid-column:2;padding:24px var(--edge)80px;min-width:0}.page.reveal-page{padding-bottom:48px}.masthead,.app-header{display:flex;border-bottom:1px solid var(--ink);font-family:var(--sans);justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:15px}.brand,.wordmark{color:inherit;letter-spacing:.055em;text-decoration:none;font-size:17px;font-weight:800}.brand small,.wordmark small{color:var(--muted);font:500 9px/1 var(--mono);letter-spacing:.16em;margin-left:10px}.session,.session-control{display:flex;font:13px/1.3 var(--sans);align-items:baseline;gap:18px;min-width:0}.session-email,.session-control>span{overflow-wrap:anywhere;color:var(--muted)}.text-action,.text-button,.attachment-list button{color:inherit;font:700 13px/1.2 var(--sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:2px 0}.screen-head,.composer-header,.cassette-layout{display:grid;grid-template-columns:minmax(0,1.3fr)minmax(220px,.7fr);align-items: end;gap:clamp(28px,6vw,110px);padding:clamp(44px,7vw,104px) 0 34px}.screen-head.compact,.composer-header{padding-top:clamp(36px,5vw,72px)}.plate-id,.eyebrow,.hardware-label{color:var(--muted);font:600 11px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 9px}.lead,.lede{color:var(--muted);margin:0;font-size:clamp(16px,1.3vw,20px);line-height:1.55}.micro,.data-text,.field-hint{color:var(--muted);font:12px/1.55 var(--mono);margin:0}.form-layout{display:grid;grid-template-columns:minmax(0,1.3fr)minmax(260px,.7fr);border-top:1px solid var(--rule);align-items: start;gap:clamp(32px,7vw,128px);padding-top:28px}.form-stack,.composer-section{display:grid;gap:28px;min-width:0}.composer-main,.composer-side{align-content: start}.field{display:grid;gap:7px;min-width:0}.label-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px}label,.field-label{font:700 14px/1.25 var(--sans);letter-spacing:.01em}.counter{color:var(--muted);font:11px/1.2 var(--mono)}input[type=text],input[type=email],input:not([type]),textarea{border:0;border-bottom:2px solid var(--ink);background:var(--field);font:17px/1.45 var(--body);border-radius:0;width:100%;padding:13px 12px 11px}textarea{resize:vertical;min-height:160px}input[readonly],textarea[readonly]{border:1px solid var(--rule);border-left:5px solid var(--cyan);font-family:var(--mono);padding:14px;font-size:16px}input[aria-invalid=true],textarea[aria-invalid=true]{border-bottom-color:var(--carmine);background-image:linear-gradient(135deg,transparent 0 45%,var(--carmine)46% 54%,transparent 55%);background-position:bottom;background-repeat:repeat-x;background-size:8px 8px}.hint,.field-hint,.field-error{color:var(--muted);margin:0;font-size:13px;line-height:1.48}.error,.field-error:not(:empty){color:var(--carmine);font-family:var(--sans);font-weight:700}.error:not(:empty):before,.field-error:not(:empty):before{content:"Correction — ";font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.checkline,.checkbox-row,.switch-row{display:grid;grid-template-columns:20px minmax(0,1fr);align-items: start;gap:10px}.checkline input,.checkbox-row input,.switch-row input{accent-color:var(--cyan);width:18px;height:18px;margin:1px 0 0}.button-row,.action-row{display:flex;flex-wrap:wrap;align-items: center;gap:11px}.button{display:inline-flex;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:800 13px/1.2 var(--sans);letter-spacing:.015em;text-align:center;text-decoration:none;cursor:pointer;border-radius:2px;justify-content:center;align-items: center;min-height:44px;padding:10px 18px}.button--secondary{color:var(--ink);background:0 0}.button--secondary:hover{background:var(--paper-deep)}.button--amber{background:var(--ink);color:var(--paper)}.button--danger{border-color:var(--carmine);background:var(--carmine);color:#fff}.message-action.button--danger{color:var(--carmine);background:0 0}.button:disabled,.button[aria-disabled=true]{border-color:var(--disabled);color:var(--disabled);cursor:not-allowed;opacity:.78;background:0 0}.button:disabled[aria-busy=true]:before{content:"";animation:.8s linear infinite turn;border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;margin-right:8px}@keyframes turn{to{transform:rotate(1turn)}}.side-note,.status-plate{border-top:6px solid var(--amber);padding-top:13px}.side-note p{margin:0 0 10px}.status-stamp{display:inline-block;color:var(--cyan);font:700 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid;justify-self:start;margin-bottom:14px;padding:7px 9px 6px;transform:rotate(-.7deg)}.error-stamp{color:var(--carmine)}.vault-stats{display:grid;grid-template-columns:minmax(130px,.35fr)minmax(220px,.65fr)auto;border-block:1px solid var(--rule);align-items: end;gap:26px;padding:20px 0}.stat strong,.status-number{display:block;font:700 clamp(28px,4vw,56px)/1 var(--sans)}.stat span{display:block;color:var(--muted);font:11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-top:7px}.roll-index{margin-top:42px}.message-row,.message-plate{display:grid;grid-template-columns:minmax(180px,.8fr)minmax(340px,1.2fr)auto;border-top:1px solid var(--rule);align-items: start;gap:clamp(20px,4vw,72px);padding:26px 0}.message-row:last-child{border-bottom:1px solid var(--rule)}.message-name{font:700 clamp(20px,2vw,30px)/1.13 var(--sans)}.frame-no{display:block;color:var(--muted);font:10px/1 var(--mono);letter-spacing:.12em;margin-bottom:8px}.metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 25px;margin:0}.metadata dt{color:var(--muted);font:10px/1.2 var(--mono);letter-spacing:.09em;text-transform:uppercase}.metadata dd{margin:4px 0 0;font-size:14px}.notification{display:inline-flex;align-items: center;gap:7px}.notification:before{content:"";border:1px solid;width:8px;height:8px}.notification.on:before{border-color:var(--cyan);background:var(--cyan)}.vault-announcement{margin-top:24px}.drop-zone,.dropzone{position:relative;display:grid;border:1px dashed var(--rule);background:var(--paper-deep);text-align:center;place-items: center;min-height:118px;padding:22px}.drop-zone[data-dragging=true]{border-color:var(--cyan);background:var(--cyan-soft)}.drop-zone input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;inset:0}.attachment-list{display:grid;border-block:1px solid var(--rule);background:var(--rule);list-style:none;gap:1px;margin:0;padding:0}.attachment-list li{display:grid;grid-template-columns:64px minmax(0,1fr)auto auto;background:var(--paper);align-items: center;gap:16px;min-width:0;padding:12px}.attachment-thumbnail{object-fit:cover;background:var(--cyan-soft);width:64px;height:48px}.attachment-file-mark{display:grid;border:1px solid var(--rule);color:var(--muted);font:800 10px/1 var(--mono);place-items: center;width:48px;height:48px}.attachment-name,.filename{overflow-wrap:anywhere;font:700 14px/1.35 var(--sans);min-width:0}.capacity-panel,.capacity{border-top:6px solid var(--cyan);padding-top:13px}.capacity-panel[data-error=true]{border-color:var(--carmine)}.rule-label{display:flex;color:var(--muted);font:600 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;align-items: center;gap:12px;margin:0}.rule-label:after{content:"";background:var(--rule);flex:1;height:1px}.gauge,.capacity-track{background:var(--soft-rule);height:6px;margin:12px 0}.gauge span,.capacity-fill{display:block;width:var(--capacity,0%);background:var(--cyan);height:100%}.capacity-panel[data-error=true] .gauge span{background:var(--carmine)}.metadata-grid{gap:28px}.progress-plate{display:grid;gap:8px;margin:0}.progress-step{display:flex;color:var(--muted);font:12px/1.3 var(--mono);gap:9px}.progress-step:before{content:"○"}.progress-step[data-active=true]{color:var(--ink)}.progress-step[data-active=true]:before{content:"◐";color:var(--amber)}.link-proof{display:grid;border-block:1px solid var(--rule);gap:17px;padding:30px 0}.cassette-window{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;overflow-x:hidden;resize:none}.feedback,.inline-status:not(:empty){border-left:5px solid var(--cyan);background:var(--cyan-soft);font:700 13px/1.5 var(--sans);padding:12px 14px}.error-feedback,.inline-status--error{border-left-color:var(--carmine);background:var(--carmine-soft)}.warning-stage{display:grid;grid-template-columns:minmax(0,1.25fr)minmax(280px,.75fr);align-items: center;gap:clamp(40px,9vw,160px);min-height:calc(100vh - 120px);padding-block-start:clamp(50px,8vw,110px);padding-block-end:clamp(50px,8vw,110px)}.warning-copy h1{max-width:12ch}.warning-copy .lead{margin-top:25px}.warning-module{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--rule);gap:1px;margin:30px 0 0;padding:0}.warning-module div{background:var(--paper);padding:14px}.warning-module dt{color:var(--muted);font:10px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}.warning-module dd{font:700 17px/1.2 var(--sans);margin:5px 0 0}.irreversible{border-top:8px solid var(--carmine);padding-top:19px}.irreversible blockquote{font:700 clamp(20px,2.2vw,31px)/1.28 var(--sans);margin:0 0 24px}.irreversible .micro{margin-top:18px}.reveal-head{border-bottom:1px solid var(--rule);padding:clamp(30px,4vw,58px) 0 22px}.reveal-head h1{margin-top:18px;font-size:clamp(34px,4vw,64px)}.revealed-grid{display:grid;grid-template-columns:minmax(0,1.45fr)minmax(290px,.55fr);gap:clamp(34px,6vw,110px);padding-top:clamp(36px,5vw,76px)}.message-copy{border:1px solid var(--rule);border-left:6px solid var(--cyan);background:var(--cyan-soft);padding:clamp(24px,4vw,52px) clamp(22px,4vw,58px);font-size:clamp(18px,1.55vw,25px);line-height:1.68}.revealed-text{white-space:pre-wrap;margin:0}.attachments,.revealed-files{display:grid;align-content: start;gap:28px}#revealed-attachments{display:grid;gap:28px}.revealed-attachment--image,.proof-image{margin:0}.revealed-attachment--image img,.image-preview{display:block;object-fit:contain;border:1px solid var(--rule);background:var(--cyan-soft);width:100%;max-height:68vh}.revealed-attachment--image h3{margin-bottom:10px}.revealed-attachment--image .button{margin-top:10px}.revealed-file,.download-file{display:grid;grid-template-columns:minmax(0,1fr)auto;border-block:1px solid var(--rule);align-items: center;gap:15px;padding:18px 0}.system-note{color:var(--muted)}.revealed-package>.system-note{margin-top:36px}.empty-state,.failure-state{border-top:1px solid var(--rule);min-height:26rem;padding:clamp(48px,8vw,130px) 0}.empty-state h2,.failure-state h1,.failure-state h2{max-width:18ch;margin-bottom:18px}.empty-state p,.failure-state p{color:var(--muted);max-width:52ch;margin:0 0 25px}.loading-state{padding:clamp(60px,10vw,150px) 0}.loading-bars{display:flex;gap:8px;margin-top:28px}.loading-bars span{background:var(--soft-rule);width:42px;height:6px}.loading-bars span:first-child{background:var(--amber)}.destruction-overlay{position:fixed;z-index:20;display:grid;background:#0a0c0cb8;place-items: center;padding:1.25rem;inset:0}.destruction-dialog{border:1px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:14px 14px 0 var(--shadow);border-radius:0;width:min(620px,100vw - 32px)}.dialog-inner{padding:clamp(24px,4vw,44px)}.dialog-inner h2{margin:8px 0 18px}.dialog-inner>p:not(.plate-id){color:var(--muted)}.dialog-actions{justify-content:flex-end;margin-top:28px}.instrument-card{min-width:0}.status-layout{min-height:18rem}@media (max-width:900px){.screen-head,.composer-header,.cassette-layout,.form-layout,.warning-stage,.revealed-grid{grid-template-columns:1fr}.screen-head,.composer-header{align-items: start}.vault-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.vault-stats .button{grid-column:1/-1;justify-self:start}.message-row,.message-plate{grid-template-columns:minmax(0,.8fr)minmax(0,1.2fr)}.message-row>.button{grid-column:2;justify-self:start}.warning-stage{align-content: center}}@media (max-width:560px){:root{--rail:22px;--edge:18px}body{font-size:16px}.page{padding-top:16px;padding-bottom:64px}.rail-word{display:none}.masthead,.app-header{align-items: flex-start}.brand small,.wordmark small{display:none}.session,.session-control{display:grid;justify-items:end;gap:5px;font-size:11px}.screen-head,.composer-header,.cassette-layout{gap:18px;padding:40px 0 24px}.form-layout{gap:38px;padding-top:20px}.vault-stats{gap:16px}.message-row,.message-plate{grid-template-columns:1fr;gap:18px}.message-row>.button{grid-column:auto;justify-self:start}.metadata{grid-template-columns:1fr;gap:10px}.attachment-list li{grid-template-columns:48px minmax(0,1fr)}.attachment-list li>button{grid-column:2;justify-self:start}.attachment-thumbnail{width:48px;height:42px}.warning-stage{align-content: start;min-height:auto;padding-top:52px}.warning-copy h1{max-width:none}.warning-module,.revealed-file{grid-template-columns:1fr}.revealed-file .button{justify-self:start}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;animation-duration:.001ms;animation-iteration-count:1;transition-duration:.001ms}}
