:root{--bg:#fff;--surface:#f6f7f9;--border:#d3d7de;--text:#1b1f24;--muted:#55606e;--accent:#0b57d0;--accent-hover:#0842a0;--danger:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#root{max-width:720px;margin:0 auto;padding:2rem 1rem 4rem}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.site-header h1{margin:0 0 .5rem;font-size:1.75rem}.tagline,.lead{color:var(--muted);margin:0 0 1.5rem}.lead{font-size:.925rem}.banner{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.banner.error{border-color:var(--danger);color:var(--danger);background:#fdf2f1}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:1rem;height:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.tabs{border-bottom:2px solid var(--border);flex-wrap:wrap;gap:.25rem;margin:1.5rem 0;display:flex}.tab{appearance:none;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:6px 6px 0 0;margin-bottom:-2px;padding:.6rem 1rem;font-weight:600}.tab:hover{background:var(--surface);color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.field{margin-bottom:1.25rem}.field>label,legend{margin-bottom:.4rem;padding:0;font-size:.9rem;font-weight:600;display:block}fieldset.field{border:1px solid var(--border);border-radius:8px;padding:1rem}.check{cursor:pointer;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.9rem;display:flex}.hint{color:var(--muted);margin:.5rem 0 0;font-size:.8rem}input[type=range]{width:100%;accent-color:var(--accent)}textarea,input[type=number],select{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);resize:vertical;border-radius:6px;padding:.55rem .7rem}.actions{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.btn{font:inherit;color:#fff;background:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:6px;align-items:center;padding:.55rem 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.secondary{color:var(--accent);background:var(--bg)}.btn.secondary:hover:not(:disabled){background:var(--surface)}.btn:disabled{opacity:.5;cursor:not-allowed}.output{min-height:3rem}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.result{word-break:break-all;white-space:pre-wrap;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;padding:.85rem 1rem;font-size:1.05rem;display:block}.meta{color:var(--muted);margin:.6rem 0 .35rem;font-size:.85rem}.error{color:var(--danger);font-size:.9rem}.meter{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.meter-bar{border-radius:3px;height:100%;display:block}.level-1{background:#b3261e;width:25%}.level-2{background:#a35a00;width:50%}.level-3{background:#1a7f37;width:75%}.level-4{background:#0b57d0;width:100%}.qr-image{border:1px solid var(--border);background:#fff;border-radius:8px;max-width:100%;height:auto;padding:.75rem;display:block}.site-footer{border-top:1px solid var(--border);margin-top:3rem;padding-top:1.25rem;font-size:.875rem}.site-footer a{color:var(--accent)}.footer-technologies{color:var(--muted);margin:0 0 .75rem}.footer-links{flex-wrap:wrap;align-items:center;gap:.4rem .6rem;display:flex}.tool-section{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.tool h2,.tool-section h2{font-size:1.15rem}.match-result{margin-bottom:1.25rem}.capture-list{overflow-wrap:anywhere}.qr-upload-preview{object-fit:contain;max-height:320px;margin-bottom:1.25rem}input[type=file]{max-width:100%}