/* Handoff demo. Same tokens as the site. Without JS the form stays hidden and the page reads as plain text. */
.hd-form-w,.hd-run-w{display:none}
.hd-live .hd-form-w,.hd-live .hd-run-w{display:block}
.hd-live .hd-nojs{display:none}
.hd-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
@media(min-width:900px){.hd-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}
.hd-panel{border:1px solid var(--line2);border-radius:var(--r2);background:var(--bg2,#0a101c);padding:18px;min-width:0}
.hd-ex{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.hd button,.hd select,.hd input{font:500 15px/1.3 "Geist",system-ui,sans-serif}
.hd-ex button,.hd-run-b{color:var(--ink);background:transparent;border:1px solid var(--line3);border-radius:var(--r);padding:10px 12px;cursor:pointer}
.hd-ex button:hover,.hd-run-b:hover{border-color:var(--sig)}
.hd form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.hd label{display:grid;gap:5px;font-size:13.5px;color:var(--mut);min-width:0}
.hd label[hidden]{display:none}
.hd input,.hd select{width:100%;box-sizing:border-box;min-height:42px;color:var(--ink);background:var(--bg);border:1px solid var(--line3);border-radius:var(--r);padding:9px 10px;font-size:16px}
.hd input:focus-visible,.hd select:focus-visible,.hd button:focus-visible{outline:2px solid var(--sig);outline-offset:2px}
.hd .hd-out-t{grid-column:1/-1;display:flex;align-items:center;gap:9px;font-size:14.5px;color:var(--ink)}
.hd .hd-out-t input{width:18px;height:18px;min-height:0;flex:none}
.hd form .btn{grid-column:1/-1;justify-content:center}
.hd-err{margin:12px 0 0;color:var(--warn)}
.hd-empty{color:var(--mut);margin:0}
#hd-out+.hd-empty{margin-bottom:8px}
#hd-rec{margin-bottom:12px!important}
.hd-empty[hidden]{display:none}
.hd-rt{display:flex;justify-content:space-between;align-items:center;gap:10px;font:500 12px/1 "Geist Mono",ui-monospace,monospace;color:var(--mut);margin-bottom:12px}
.hd-flag{padding:5px 8px;border-radius:4px;font-weight:600;letter-spacing:.08em}
.hd-flag.u{background:var(--warn);color:#04060c}.hd-flag.n{background:var(--sig);color:#04060c}.hd-flag.x{border:1px solid var(--line3);color:var(--mut)}
#hd-steps,#hd-checks{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px;font-size:15px;line-height:1.4}
#hd-steps li{padding-left:14px;border-left:2px solid var(--sig)}
#hd-steps li.w{border-left-color:var(--warn)}
#hd-rec{margin:0;display:grid;gap:0;font-size:14px}
#hd-rec div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid var(--line)}
#hd-rec dt{color:var(--mut)}#hd-rec dd{margin:0;text-align:right;overflow-wrap:anywhere}
#hd-checks li b{display:inline-block;width:46px;font:600 12px/1 "Geist Mono",ui-monospace,monospace}
#hd-checks li.p b{color:var(--sig)}#hd-checks li.f b{color:var(--warn)}
.hd-run-w{margin-top:18px}
#hd-sum{color:var(--mut);margin:0}