*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{min-height:100%}body{color:#e6edf3;-webkit-font-smoothing:antialiased;background:#0b0f14;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}header{text-align:center;padding:.75rem 1rem}header h1{letter-spacing:.02em;font-size:1.1rem;font-weight:600}.tabs{gap:.4rem;padding:0 .75rem .75rem;display:flex}.tabs button{color:#8b949e;cursor:pointer;background:#161b22;border:1px solid #30363d;border-radius:10px;flex:1;padding:.6rem .5rem;font-size:.9rem;font-weight:600}.tabs button.active{color:#e6edf3;background:#1f6feb26;border-color:#1f6feb}.scanner{flex-direction:column;flex:1;min-height:0;display:flex}.b64{flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:0 .75rem .75rem;display:flex}.b64-input{resize:vertical;min-height:8rem;color:inherit;background:#11151c;border:1px solid #30363d;border-radius:12px;padding:.75rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem;line-height:1.45}.b64-input:focus{border-color:#1f6feb;outline:none}.b64-actions{gap:.6rem;display:flex}.b64-actions button{color:#fff;cursor:pointer;background:#238636;border:none;border-radius:10px;flex:1;padding:.65rem;font-size:.9rem;font-weight:600}.b64-actions button.secondary{color:inherit;background:#21262d}.b64-detect{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.b64-detect .format-tag{margin-bottom:0}.format-tag.invalid{color:#ff8a8a;background:#da363326;border-color:#da363380}.b64-detect-note{color:#8b949e;font-size:.8rem}.b64-preview{background:#161b22;border:1px solid #1f6feb4d;border-radius:12px;flex-direction:column;gap:.6rem;padding:.9rem;display:flex}.b64-preview img{object-fit:contain;background:#fff;border-radius:8px;width:100%;max-height:60vh}.b64-meta{color:#8b949e;flex-wrap:wrap;gap:.75rem;font-size:.8rem;display:flex}.b64-download{color:inherit;text-align:center;background:#21262d;border-radius:10px;padding:.65rem;font-size:.9rem;font-weight:600;text-decoration:none}.video-wrap{aspect-ratio:3/4;background:#000;border-radius:12px;max-height:60vh;margin:0 .75rem;position:relative;overflow:hidden}.video-wrap video{object-fit:cover;width:100%;height:100%}.video-wrap.flash:after{content:"";background:#2ecc7159;animation:.3s ease-out forwards fadeout;position:absolute;inset:0}@keyframes fadeout{to{opacity:0}}.viewfinder{aspect-ratio:1;pointer-events:none;border:2px solid #ffffffd9;border-radius:16px;width:min(65%,280px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #00000059}.error{color:#ff8a8a;text-align:center;background:#0b0f14e6;justify-content:center;align-items:center;padding:1.5rem;line-height:1.5;display:flex;position:absolute;inset:0}.camera-select{color:inherit;background:#161b22;border:1px solid #30363d;border-radius:8px;margin:.75rem .75rem 0;padding:.6rem .75rem;font-size:.95rem}.upload-image{color:inherit;cursor:pointer;background:#161b22;border:1px solid #30363d;border-radius:8px;margin:.75rem .75rem 0;padding:.6rem .75rem;font-size:.95rem;display:inline-block}.panel{flex:1;padding:.75rem;overflow-y:auto}.hint{color:#8b949e;text-align:center;padding:1.25rem 1rem;line-height:1.5}.result{background:#161b22;border:1px solid #2ea04326;border-radius:12px;align-items:flex-start;gap:.75rem;padding:.9rem;display:flex}.result-body{flex:1;min-width:0}.format-tag{color:#79c0ff;letter-spacing:.02em;vertical-align:middle;background:#1f6feb26;border:1px solid #1f6feb66;border-radius:999px;margin-bottom:.4rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.modal h2 .format-tag{margin:0 0 0 .4rem}.result pre,.decoded pre,.history pre{white-space:pre-wrap;word-break:break-all;flex:1;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9rem;line-height:1.45}.result button{color:#fff;cursor:pointer;background:#238636;border:none;border-radius:8px;flex-shrink:0;padding:.55rem 1rem;font-size:.9rem;font-weight:600}.result button:active{background:#2ea043}.result .actions{flex-direction:column;flex-shrink:0;gap:.5rem;display:flex}.result button.secondary{background:#1f6feb}.result button.secondary:active{background:#388bfd}.decoded{background:#11151c;border:1px solid #1f6feb4d;border-radius:12px;margin-top:.75rem;padding:.9rem}.decode-chain{flex-wrap:wrap;align-items:center;gap:.3rem;margin-bottom:.7rem;display:flex}.chain-step{color:#79c0ff;background:#1f6feb26;border:1px solid #1f6feb66;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.chain-step+.chain-step:before{content:"→ ";color:#8b949e}.chain-step.muted{color:#8b949e;background:#21262d;border-color:#30363d}.decoded-url{color:#79c0ff;word-break:break-all;font-size:.9rem;line-height:1.45;display:block}.badge{border-radius:999px;margin-bottom:.7rem;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:inline-block}.badge.valid{color:#3fb950;background:#23863633;border:1px solid #23863666}.badge.expired{color:#ff8a8a;background:#da363333;border:1px solid #da363366}.claims{flex-direction:column;gap:.6rem;display:flex}.claim dt{color:#8b949e;margin-bottom:.15rem;font-size:.75rem}.raw-json summary{color:#8b949e;cursor:pointer;margin-top:.7rem;font-size:.85rem}.raw-json pre{white-space:pre-wrap;word-break:break-all;margin-top:.4rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem;line-height:1.45}.decode-error{color:#ff8a8a;margin-top:.5rem;font-size:.9rem;line-height:1.4}.raw-text{white-space:pre-wrap;word-break:break-all;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem;line-height:1.45}.modal-backdrop{z-index:10;background:#000000a6;justify-content:center;align-items:flex-end;padding:1rem;display:flex;position:fixed;inset:0}@media (width>=480px){.modal-backdrop{align-items:center}}.modal{background:#161b22;border:1px solid #30363d;border-radius:16px;flex-direction:column;gap:.9rem;width:100%;max-width:480px;max-height:80vh;padding:1.25rem;animation:.2s ease-out slide-up;display:flex;overflow-y:auto}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal h2{font-size:1rem;font-weight:600}.modal-actions{gap:.6rem;margin-top:.25rem;display:flex}.modal-actions button{color:inherit;cursor:pointer;background:#21262d;border:none;border-radius:10px;flex:1;padding:.75rem;font-size:.95rem;font-weight:600}.modal-actions button.primary{color:#fff;background:#238636}.modal-actions button.primary:active{background:#2ea043}.history{margin-top:.75rem}.history summary{color:#8b949e;cursor:pointer;padding:.4rem 0;font-size:.9rem}.history ul{flex-direction:column;gap:.5rem;margin-top:.5rem;list-style:none;display:flex}.history li{background:#11151c;border:1px solid #21262d;border-radius:10px;padding:.7rem}.history .time{color:#8b949e;margin-bottom:.3rem;font-size:.75rem;display:block}.qr-layers,.qr-ecc{flex-direction:column;gap:.4rem;display:flex}.qr-field-label{color:#8b949e;font-size:.8rem}.qr-choices{flex-wrap:wrap;gap:.4rem;display:flex}.qr-choices button{color:#8b949e;cursor:pointer;background:#161b22;border:1px solid #30363d;border-radius:10px;flex:1;min-width:3rem;padding:.5rem .6rem;font-size:.8rem;font-weight:600}.qr-choices button.active{color:#e6edf3;background:#1f6feb26;border-color:#1f6feb}.qr-choices button em{opacity:.7;margin-top:.15rem;font-size:.7rem;font-style:normal;font-weight:400;display:block}.qr-svg{aspect-ratio:1;pointer-events:none;touch-action:pan-y;border-radius:8px;width:100%;max-width:min(100%,52vh);height:auto;margin:0 auto;display:block}.qr-payload summary{color:#8b949e;cursor:pointer;font-size:.8rem}.qr-payload pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0d1117;border:1px solid #30363d;border-radius:8px;max-height:8rem;margin-top:.5rem;padding:.6rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;line-height:1.5;overflow:auto}.b64-input.compact{min-height:4.5rem}