.locks{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.lock-card{border:2px solid var(--black);background:var(--surface);border-radius:8px;align-content:start;gap:10px;padding:28px;display:grid;position:relative}.lock-card-key{background:var(--yellow);color:var(--black);padding-top:62px}.lock-card-key:before{content:"";border:2px solid var(--black);background:var(--paper);border-radius:50%;width:22px;height:22px;position:absolute;top:22px;left:28px}.lock-card h3{font-size:1.5rem}.lock-steps{gap:9px;margin:8px 0 0;padding-left:1.4em;display:grid}.lock-steps li::marker{font-weight:700}.lock-meta{border-top:1.5px dashed;margin-top:8px;padding-top:12px;font-size:.82rem;line-height:1.6}.standards{color:var(--ink-3);margin-top:22px;font-size:.95rem}.plain-list{color:var(--ink-2);gap:8px;margin:0;padding-left:1.2em;display:grid}.live{padding:clamp(52px,7vw,84px) 0}.live .container{gap:28px;display:grid}.live .section-head{margin-bottom:0}.live-label{font-weight:700}.live-split{border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 16px);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:36px;padding-top:28px;display:grid}.live-copy{gap:14px;display:grid}.live-copy h3{font-size:clamp(1.3rem,2.4vw,1.7rem)}.live-copy p{color:var(--ink-2)}.live-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.selftest,.stream,.console,.flip-card,.env-card{border:1px solid var(--line-strong);background:var(--surface);border-radius:6px;min-width:0}.selftest-bar{flex-wrap:wrap;align-items:center;gap:8px 14px;padding:14px 16px;display:flex}.status-dot{background:var(--ink-4);border-radius:50%;flex:none;width:12px;height:12px}.selftest[data-state=pass] .status-dot{background:var(--ok)}.selftest[data-state=fail] .status-dot{background:var(--bad)}.selftest[data-state=running] .status-dot{background:var(--yellow)}.selftest-title{font-size:1.02rem}.selftest-status{font-weight:700}.selftest[data-state=pass] .selftest-status{color:var(--ok)}.selftest[data-state=fail] .selftest-status{color:var(--bad)}.selftest-meta{color:var(--ink-3);font-size:.8rem}.selftest-actions{gap:8px;margin-left:auto;display:flex}.selftest-checks{border-top:1px solid var(--line);margin:0;padding:0;list-style:none;display:grid}.check-row{grid-template-columns:22px minmax(0,.9fr) minmax(0,1.6fr) auto;align-items:baseline;gap:12px;padding:10px 16px;font-size:.92rem;display:grid}.check-row+.check-row{border-top:1px solid var(--line)}.check-row .check-icon{font-weight:700}.check-row.is-ok .check-icon{color:var(--ok)}.check-row.is-bad .check-icon{color:var(--bad)}.check-row .check-name{font-weight:700}.check-row .check-detail{color:var(--ink-2)}.check-row .check-ms{color:var(--ink-3);font-size:.8rem}.stream{margin:0;display:grid}.stream-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;padding:14px 16px;display:flex}.stream-keys{color:var(--ink-3);font-size:.82rem}#stream-canvas{width:100%;height:clamp(220px,30vw,320px);display:block}.stream-stats{border-top:1px solid var(--line);grid-template-columns:repeat(8,minmax(0,1fr));margin:0;display:grid}.stream-stats>div{padding:12px 14px}.stream-stats>div+div{border-left:1px solid var(--line)}.stream-stats dt{font:700 .64rem var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.stream-stats dd{font:700 1.1rem/1.2 var(--mono);font-variant-numeric:tabular-nums;margin:4px 0 0}#stream-verified,#hud-selftest[data-state=pass]{color:var(--ok)}#stream-tampered{color:var(--yellow)}#stream-rejected,#hud-selftest[data-state=fail]{color:var(--bad)}.stream-log{border-top:1px solid var(--line);min-height:132px;margin:0;padding:0;font-size:.8rem;list-style:none;display:grid}.stream-log li{height:33px;color:var(--ink-2);white-space:nowrap;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 16px;display:grid}.stream-log li+li{border-top:1px solid var(--line)}.stream-log .sl-dir{color:var(--ink);font-weight:700}.stream-log .sl-what{text-overflow:ellipsis;overflow:hidden}.stream-log .sl-ok{color:var(--ok)}.stream-log .sl-bad{color:var(--bad)}.stream-note{border-top:1px solid var(--line);color:var(--ink-3);padding:12px 16px;font-size:.86rem}.console-head,.env-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px;display:flex}.console-name,.env-file{color:var(--ink-3);font-size:.8rem}.console-head .tag,.env-size{margin-left:auto}#console-state[data-state=done]{color:var(--ok)}#console-state[data-state=fail]{color:var(--bad)}#console-state[data-state=running]{color:var(--yellow)}.console-body{align-content:start;gap:1px;min-height:420px;margin:0;padding:14px 16px;font-size:.8rem;line-height:1.55;list-style:none;display:grid}.cl{color:var(--ink-2);grid-template-columns:16px minmax(0,1fr) auto;gap:0 8px;display:grid}.cl.comment{color:var(--ink-3);margin-top:10px}.cl.comment:first-child{margin-top:0}.cl.ok{color:var(--ok);font-weight:700}.cl.bad{color:var(--bad);font-weight:700}.cl-glyph{color:var(--yellow)}.cl.ok .cl-glyph,.cl.bad .cl-glyph{color:inherit}.cl-op{overflow-wrap:anywhere}.cl-bytes,.cl-ms{color:var(--ink-3);font-weight:400}.cl-ms{font-variant-numeric:tabular-nums;white-space:nowrap}.cl-res{color:var(--ink-3);overflow-wrap:anywhere;grid-column:2/-1}.cl-caret{background:var(--yellow);width:8px;height:1.1em}@media (prefers-reduced-motion:no-preference){.cl-caret{animation:1s steps(2,end) infinite caret}}@keyframes caret{50%{opacity:0}}.console-foot{border-top:1px solid var(--line);color:var(--ink-3);padding:9px 16px;font-size:.74rem}.flip-legend{gap:8px;margin:0;display:grid}.flip-legend>div{grid-template-columns:130px minmax(0,1fr);gap:12px;font-size:.94rem;display:grid}.flip-legend dt{font-weight:700}.flip-legend dd{color:var(--ink-2);margin:0}.flip-card{gap:14px;padding:16px;display:grid}.flip-tabs{flex-wrap:wrap;gap:6px;display:flex}.flip-tab{border:1.5px solid var(--line-strong);min-height:34px;color:var(--ink-2);font:700 .84rem/1 var(--sans);cursor:pointer;background:0 0;border-radius:4px;padding:0 12px}.flip-tab:hover{color:var(--ink);border-color:var(--ink)}.flip-tab[aria-selected=true]{border-color:var(--yellow);background:var(--yellow);color:var(--black)}.flip-meta{color:var(--ink-3);font-size:.78rem}.byte-grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px;display:grid}.byte{border:1px solid var(--line);background:var(--bg);height:32px;color:var(--ink-2);font:.8rem/1 var(--mono);cursor:pointer;border-radius:3px;padding:0}.byte:hover:not(:disabled){border-color:var(--yellow);color:var(--yellow)}.byte.flipped{border-color:var(--bad);background:var(--bad);color:var(--black);font-weight:700}.flip-result{border:1.5px solid var(--line-strong);border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;display:grid}.flip-result[data-state=ok]{border-color:var(--ok)}.flip-result[data-state=bad]{border-color:var(--bad)}.flip-icon{background:var(--surface-3);border-radius:50%;place-items:center;width:26px;height:26px;font-size:.86rem;font-weight:700;display:grid}.flip-result[data-state=ok] .flip-icon{background:var(--ok);color:var(--black)}.flip-result[data-state=bad] .flip-icon{background:var(--bad);color:var(--black)}.flip-title{font-weight:700}.flip-detail{color:var(--ink-2);margin-top:2px;font-size:.9rem}.flip-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.flip-note{color:var(--ink-3);font-size:.84rem}.env-size{color:var(--ink-3);font-size:.78rem}.env-code{padding:12px 0;font-size:.8rem;line-height:1.75;display:grid;overflow-x:auto}.env-row{white-space:nowrap;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:0 16px;display:grid}.env-line{font-size:inherit}.tok-pad{white-space:pre}.tok-key{color:var(--ink);font-weight:700}.tok-punc{color:var(--ink-3)}.tok-str{color:var(--yellow)}.tok-num{color:var(--ok)}.env-note{color:var(--ink-3);gap:12px;font-size:.72rem;display:flex}.env-auth{color:var(--ok)}.env-foot{border-top:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 16px;font-size:.86rem;display:flex}.audit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-top:32px;display:flex}.audit p{flex:420px}.proof-row{border-top:var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 32px;padding-top:18px;display:grid}.proof-row dt{font:700 .72rem var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.proof-row dd{margin:4px 0 0;font-weight:600}@media (max-width:960px){.live-split,.locks{grid-template-columns:minmax(0,1fr)}.stream-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stream-stats>div:nth-child(n+5){border-top:1px solid var(--line)}.stream-stats>div:nth-child(5){border-left:0}.console-body{min-height:0}}@media (max-width:620px){.stream-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-stats>div:nth-child(n+3){border-top:1px solid var(--line)}.stream-stats>div:nth-child(odd){border-left:0}.check-row{grid-template-columns:22px minmax(0,1fr) auto}.check-row .check-detail{grid-area:2/2/auto/-1}.stream-log li{grid-template-columns:52px minmax(0,1fr) auto;gap:8px;padding:0 12px;font-size:.72rem}.env-note{display:none}.proof-row{grid-template-columns:minmax(0,1fr);gap:14px}.flip-legend>div{grid-template-columns:minmax(0,1fr);gap:0}}
