:root{color-scheme:dark;font:14px system-ui,sans-serif;background:#0c1216;color:#e7eff1}*{box-sizing:border-box}body{margin:0}header,nav,.summary,main,footer{padding:14px 26px;max-width:1600px;margin:auto}header{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:.18em;color:#88caba}h1{font-size:27px;font-weight:550;margin:5px 0}h2{font-size:21px;margin:7px 0}p{margin:4px 0;color:#b8c8cd;line-height:1.5}a{color:#8edbc7;text-decoration:none}button,select{font:inherit;color:inherit;background:#1c2b33;border:1px solid #3a515b;border-radius:7px;padding:9px 13px;cursor:pointer}button:hover,button[aria-pressed=true]{background:#2e514b;border-color:#7bd2b7}button:disabled{opacity:.45;cursor:wait}nav{display:flex;gap:10px;align-items:center;background:#121e25}nav select{flex:1;max-width:650px}#counter{color:#95aaaF;font:12px monospace}.summary{display:flex;justify-content:space-between;align-items:center;gap:20px}.summary p{max-width:900px;font-size:14px}#badge{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#e3be82}main{padding-top:0}.controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 0}.group{display:flex;gap:6px;flex-wrap:wrap}.controls label{display:flex;gap:6px;align-items:center;font-size:12px}.controls input[type=checkbox]{accent-color:#8edbc7}.stage{position:relative;border:1px solid #2d414b;border-radius:10px;overflow:hidden;background:#101a20}iframe{display:block;border:0;width:100%;height:65vh;min-height:440px}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#111d24eF;color:#b1ddd1;padding:30px;text-align:center}#scrub{flex:1;min-width:140px;accent-color:#91d5bf}output{font:13px monospace;color:#bceadd}#sample{font:11px monospace;color:#9fb4bc}#result{border-left:3px solid #6ca994;padding:10px 13px;color:#ccdcdF;background:#142029;border-radius:3px;font-size:13px}#image-stage{border:1px solid #2d414b;border-radius:10px;padding:12px;text-align:center;background:#101a20}#evidence-image{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto}#image-note,#image-tools span{font-size:12px;color:#99afb6}details{margin-top:18px}summary{cursor:pointer;color:#a2c4bc;padding:10px 0}#catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}#catalog a{display:block;padding:12px;background:#17252c;border-radius:6px;color:#cee2dd;font-size:12px}footer{display:flex;justify-content:space-between;gap:12px;color:#839da7;font-size:11px;padding-bottom:24px}[hidden]{display:none!important}@media(max-width:650px){header,nav,.summary,main,footer{padding-left:12px;padding-right:12px}.summary{display:block}.summary>a{display:inline-block;margin-top:10px;font-size:12px}iframe{height:78vh;min-height:540px}#counter{display:none}.controls button{padding:9px}h1{font-size:23px}footer span{display:none}}
:root{--stage-height:max(300px,calc(100dvh - 360px))}iframe{height:var(--stage-height);min-height:300px}#evidence-image{max-height:var(--stage-height)}header{padding-top:10px;padding-bottom:10px}nav{padding-top:9px;padding-bottom:9px}nav select{min-width:0}.summary{padding-top:10px;padding-bottom:8px}#transport{position:sticky;bottom:0;background:#0c1216f5;z-index:2}#image-tools{position:sticky;bottom:0;background:#0c1216f5;z-index:2}@media(max-width:650px){iframe{height:50vh;min-height:310px}#evidence-image{max-height:52vh}#transport{gap:7px}#scrub{flex-basis:100%;order:2}#sample{font-size:10px}header>a{font-size:12px}}