*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.scanner-page{color:#fff;background:#0a0a0d;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.top-bar{background:#000000b3;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.top-bar h1,.history-header h2,.sheet-card h3{margin:0}.top-actions,.sheet-actions{flex-wrap:wrap;gap:.5rem;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button{color:#fff;cursor:pointer;background:#2f68ff;border:0;border-radius:.5rem;padding:.45rem .7rem}button:disabled{opacity:.5;cursor:not-allowed}.viewfinder{position:relative;overflow:hidden}video{object-fit:cover;width:100%;height:100%;min-height:56vh}.reticle{aspect-ratio:1;pointer-events:none;border:3px solid #fffc;border-radius:1rem;width:min(65vw,280px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay-card,.hint,.zoom-controls,.toast{background:#000000c7;border-radius:.75rem;position:absolute;left:50%;transform:translate(-50%)}.overlay-card{max-width:min(92vw,480px);padding:.9rem;top:.75rem}.hint{max-width:min(92vw,480px);padding:.6rem .8rem;bottom:4rem}.hint.secondary{bottom:1rem}.zoom-controls{align-items:center;gap:.5rem;padding:.35rem .55rem;display:flex;bottom:1rem}.history{background:#111219;max-height:3.25rem;transition:max-height .2s;overflow:hidden}.history.open{max-height:68vh}.history-header{justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex}.history ul{max-height:calc(68vh - 3rem);margin:0;padding:0 .6rem .8rem;list-style:none;overflow:auto}.history li{margin-bottom:.4rem}.history li button{text-align:left;background:#1a1c27;grid-template-columns:1fr;gap:.2rem;width:100%;display:grid}.history strong,.sheet-card p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty{color:#98a2b3;margin:0;padding:0 1rem 1rem}.sheet{background:#0000008c;place-items:end center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.sheet-card{box-sizing:border-box;background:#171a24;border-radius:.8rem;width:min(100%,640px);max-height:calc(100dvh - 2rem);padding:1rem;overflow-y:auto}.encoding-picker{gap:.35rem;margin:.5rem 0 .7rem;display:grid}.encoding-picker select{color:#fff;background:#0f1118;border:1px solid #38435e;border-radius:.5rem;padding:.45rem .55rem}.encoding-note{color:#9aa7bf}.viewer-controls{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;display:grid}.parameter-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.5rem;margin:.8rem 0;padding:0;display:grid}.parameter-list div{background:#111724;border-radius:.5rem;padding:.45rem .55rem}.parameter-list dt{color:#9aa7bf;font-size:.78rem}.parameter-list dd{word-break:break-word;margin:.15rem 0 0}.decoded-output{color:#fff;white-space:pre-wrap;word-break:break-word;background:#0f1118;border:1px solid #38435e;border-radius:.55rem;margin:.8rem 0;padding:.75rem}.toast{padding:.6rem .8rem;bottom:.9rem}