*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--bg2: #111111;--bg3: #1a1a1a;--border: #2a2a2a;--accent: #e8ff47;--accent2: #47ffe8;--text: #f0f0f0;--muted: #666;--font-mono: "Space Mono", monospace;--font-body: "DM Sans", sans-serif;--radius: 4px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#000}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.header[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:24px;padding:20px 32px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#0a0a0af2;backdrop-filter:blur(12px);z-index:100}.logo[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:10px}.logo-text[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:16px;font-weight:700;letter-spacing:-.5px}.nav-btn[data-astro-cid-j7pv25f6]{background:none;border:1px solid transparent;color:var(--muted);font-family:var(--font-mono);font-size:12px;padding:6px 16px;cursor:pointer;border-radius:var(--radius);transition:all .15s;letter-spacing:.5px;text-transform:uppercase}.nav-btn[data-astro-cid-j7pv25f6]:hover{color:var(--text);border-color:var(--border)}.nav-btn[data-astro-cid-j7pv25f6].active{color:#000;background:var(--accent);border-color:var(--accent)}.hero[data-astro-cid-j7pv25f6]{padding:48px 32px 32px;max-width:720px}.hero-title[data-astro-cid-j7pv25f6]{font-size:clamp(32px,5vw,52px);font-weight:300;line-height:1.1;letter-spacing:-1.5px}.hero-title[data-astro-cid-j7pv25f6] em[data-astro-cid-j7pv25f6]{font-style:normal;color:var(--accent);font-weight:700}.hero-nav[data-astro-cid-j7pv25f6]{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-nav[data-astro-cid-j7pv25f6] .nav-btn[data-astro-cid-j7pv25f6]{border:1px solid var(--border);font-size:14px;padding:10px 24px}.hero-nav[data-astro-cid-j7pv25f6] .nav-btn[data-astro-cid-j7pv25f6]:hover,.hero-nav[data-astro-cid-j7pv25f6] .nav-btn[data-astro-cid-j7pv25f6].active{border-color:var(--accent)}.app[data-astro-cid-j7pv25f6]{padding:0 32px 48px;max-width:720px}.tab-panel[data-astro-cid-j7pv25f6]{display:none}.tab-panel[data-astro-cid-j7pv25f6].active{display:block}.panel-header[data-astro-cid-j7pv25f6]{margin-bottom:24px}.panel-header[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-size:20px;font-weight:500;letter-spacing:-.5px}.panel-header[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{color:var(--muted);font-size:13px;margin-top:4px}.scanner-area[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:16px}.video-wrap[data-astro-cid-j7pv25f6]{position:relative;width:100%;max-width:480px;aspect-ratio:4/3;background:var(--bg3);border:1px solid var(--border);border-radius:8px;overflow:hidden}video[data-astro-cid-j7pv25f6]{width:100%;height:100%;object-fit:cover;display:none}.camera-off-state[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:var(--muted);font-size:13px}.scan-frame[data-astro-cid-j7pv25f6]{position:absolute;inset:16px;pointer-events:none}.corner[data-astro-cid-j7pv25f6]{position:absolute;width:20px;height:20px;border-color:var(--accent);border-style:solid}.tl[data-astro-cid-j7pv25f6]{top:0;left:0;border-width:2px 0 0 2px}.tr[data-astro-cid-j7pv25f6]{top:0;right:0;border-width:2px 2px 0 0}.bl[data-astro-cid-j7pv25f6]{bottom:0;left:0;border-width:0 0 2px 2px}.br[data-astro-cid-j7pv25f6]{bottom:0;right:0;border-width:0 2px 2px 0}.scan-line[data-astro-cid-j7pv25f6]{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:scan 2s linear infinite;opacity:0}video[data-astro-cid-j7pv25f6]:not([style*="display: none"])~.scan-frame[data-astro-cid-j7pv25f6] .scan-line[data-astro-cid-j7pv25f6]{opacity:1}@keyframes scan{0%{top:0}50%{top:calc(100% - 2px)}to{top:0}}.scanner-controls[data-astro-cid-j7pv25f6]{display:flex;gap:8px;flex-wrap:wrap}.camera-select-wrap[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.result-box[data-astro-cid-j7pv25f6]{background:var(--bg3);border:1px solid var(--accent);border-radius:8px;padding:16px;max-width:480px;animation:slideIn .2s ease}.result-box[data-astro-cid-j7pv25f6].flash{animation:flash .6s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes flash{0%,to{border-color:var(--accent)}50%{border-color:var(--accent2);box-shadow:0 0 20px var(--accent2)}}.result-label[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.result-content[data-astro-cid-j7pv25f6]{font-size:14px;word-break:break-all;color:var(--text);margin-bottom:12px;max-height:100px;overflow-y:auto}.result-actions[data-astro-cid-j7pv25f6]{display:flex;gap:8px}.divider[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:12px;max-width:480px;color:var(--muted);font-size:12px;margin:8px 0}.divider[data-astro-cid-j7pv25f6]:before,.divider[data-astro-cid-j7pv25f6]:after{content:"";flex:1;height:1px;background:var(--border)}.upload-area[data-astro-cid-j7pv25f6]{max-width:480px;border:1px dashed var(--border);border-radius:8px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color .15s,background .15s;font-size:13px;color:var(--muted)}.upload-area[data-astro-cid-j7pv25f6]:hover,.upload-area[data-astro-cid-j7pv25f6].drag{border-color:var(--accent);background:#e8ff4708}.link[data-astro-cid-j7pv25f6]{color:var(--accent);cursor:pointer}.hint[data-astro-cid-j7pv25f6]{font-size:11px;color:var(--border)}.gen-area[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:20px;max-width:480px}.input-group[data-astro-cid-j7pv25f6],.option-group[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:6px}.gen-options[data-astro-cid-j7pv25f6],.color-options[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.label[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.textarea[data-astro-cid-j7pv25f6]{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:14px;padding:12px;resize:vertical;transition:border-color .15s;width:100%}.textarea[data-astro-cid-j7pv25f6]:focus{outline:none;border-color:var(--accent)}.select[data-astro-cid-j7pv25f6]{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:13px;padding:8px 12px;cursor:pointer;width:100%}.select[data-astro-cid-j7pv25f6]:focus{outline:none;border-color:var(--accent)}.color-pick[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:10px}.color-input[data-astro-cid-j7pv25f6]{width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius);background:none;cursor:pointer;padding:2px}.qr-output[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center;gap:16px}#qrCanvas[data-astro-cid-j7pv25f6]{border-radius:8px;max-width:100%}.qr-actions[data-astro-cid-j7pv25f6]{display:flex;gap:8px}.btn[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border:1px solid transparent;transition:all .15s}.btn-primary[data-astro-cid-j7pv25f6]{background:var(--accent);color:#000;border-color:var(--accent)}.btn-primary[data-astro-cid-j7pv25f6]:hover{background:#d4e83f}.btn-ghost[data-astro-cid-j7pv25f6]{background:none;color:var(--text);border-color:var(--border)}.btn-ghost[data-astro-cid-j7pv25f6]:hover{border-color:var(--text)}.btn-accent[data-astro-cid-j7pv25f6]{background:var(--accent2);color:#000;border-color:var(--accent2)}.btn-accent[data-astro-cid-j7pv25f6]:hover{background:#36ddd0}.btn-full[data-astro-cid-j7pv25f6]{width:100%;justify-content:center;padding:14px}.btn-sm[data-astro-cid-j7pv25f6]{padding:6px 14px;font-size:11px}.features[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--border);margin-top:32px}.feature[data-astro-cid-j7pv25f6]{display:flex;align-items:flex-start;gap:14px;padding:24px 28px;background:var(--bg)}.feature-icon[data-astro-cid-j7pv25f6]{font-size:24px;flex-shrink:0}.feature[data-astro-cid-j7pv25f6] strong[data-astro-cid-j7pv25f6]{display:block;font-size:14px;margin-bottom:4px}.feature[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:12px;color:var(--muted);line-height:1.5}.footer[data-astro-cid-j7pv25f6]{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;font-family:var(--font-mono);font-size:11px;color:var(--muted)}.footer-note[data-astro-cid-j7pv25f6]{color:var(--border)}@media(max-width:600px){.header[data-astro-cid-j7pv25f6]{padding:14px 16px}.hero[data-astro-cid-j7pv25f6]{padding:32px 16px 24px}.hero-nav[data-astro-cid-j7pv25f6]{gap:8px}.hero-nav[data-astro-cid-j7pv25f6] .nav-btn[data-astro-cid-j7pv25f6]{flex:1;text-align:center;justify-content:center}.app[data-astro-cid-j7pv25f6]{padding:0 16px 32px}.footer[data-astro-cid-j7pv25f6]{padding:16px;flex-direction:column;gap:4px;align-items:flex-start}.gen-options[data-astro-cid-j7pv25f6],.color-options[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}}