.page[data-v-170c9227]{background:#fff;min-height:100vh}.main[data-v-170c9227]{max-width:800px;margin:0 auto;padding:2rem 1rem 4rem}.hero[data-v-170c9227]{text-align:center;border-bottom:1px solid #e2e8f0;margin-bottom:3rem;padding:3rem 1rem}.hero h1[data-v-170c9227]{color:#0f172a;letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.hero p[data-v-170c9227]{color:#64748b;max-width:500px;margin:0 auto;font-size:1.1rem}.scanner-card[data-v-170c9227]{background:#f8fafc;border-radius:16px;margin-bottom:3rem;padding:2rem}.upload-area[data-v-170c9227]{text-align:center;cursor:pointer;border:2px dashed #cbd5e1;border-radius:12px;padding:3rem 2rem;transition:all .2s}.upload-area[data-v-170c9227]:hover{background:#6366f105;border-color:#6366f1}.upload-icon[data-v-170c9227]{color:#6366f1;width:48px;height:48px;margin-bottom:1rem}.upload-text[data-v-170c9227]{color:#0f172a;margin-bottom:.5rem;font-size:1.1rem;font-weight:500}.upload-hint[data-v-170c9227]{color:#94a3b8;font-size:.875rem}.hidden-input[data-v-170c9227]{display:none}.scanning-state[data-v-170c9227]{text-align:center;padding:3rem}.spinner[data-v-170c9227]{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;margin:0 auto 1rem;animation:1s linear infinite spin-170c9227}@keyframes spin-170c9227{to{transform:rotate(360deg)}}.result-area[data-v-170c9227]{padding:1rem 0}.result-header[data-v-170c9227]{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.result-header h3[data-v-170c9227]{color:#0f172a;font-size:1.1rem;font-weight:600}.content-type[data-v-170c9227]{color:#fff;background:#6366f1;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.result-content[data-v-170c9227]{margin-bottom:1.5rem}.result-text[data-v-170c9227]{resize:vertical;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:1rem;font-family:monospace;font-size:.875rem}.action-buttons[data-v-170c9227]{flex-wrap:wrap;gap:.75rem;display:flex}.action-btn[data-v-170c9227]{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:all .2s;display:inline-flex}.action-btn.primary[data-v-170c9227]{color:#fff;background:#6366f1}.action-btn.primary[data-v-170c9227]:hover{background:#4f46e5}.action-btn.secondary[data-v-170c9227]{color:#475569;background:#fff;border:1px solid #e2e8f0}.action-btn.secondary[data-v-170c9227]:hover{background:#f8fafc}.btn-icon[data-v-170c9227]{width:18px;height:18px}.safety-warning[data-v-170c9227]{background:#fffbeb;border-radius:8px;align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem;display:flex}.warning-icon[data-v-170c9227]{color:#f59e0b;flex-shrink:0;width:20px;height:20px}.safety-warning p[data-v-170c9227]{color:#92400e;font-size:.875rem}.error-message[data-v-170c9227]{text-align:center;padding:2rem}.error-message p[data-v-170c9227]{color:#ef4444;margin-bottom:1rem}.retry-btn[data-v-170c9227]{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500}.content[data-v-170c9227]{color:#334155;line-height:1.8}.content h2[data-v-170c9227]{color:#0f172a;margin:2.5rem 0 1rem;font-size:1.5rem;font-weight:600}.steps[data-v-170c9227]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:1.5rem 0;display:grid}.step[data-v-170c9227]{text-align:center;background:#f8fafc;border-radius:12px;padding:1.5rem}.step-number[data-v-170c9227]{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:.75rem;font-weight:600;display:inline-flex}.step h4[data-v-170c9227]{color:#0f172a;margin-bottom:.5rem;font-weight:600}.step p[data-v-170c9227]{color:#64748b;font-size:.875rem}.decode-types[data-v-170c9227]{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;margin:1.5rem 0;display:grid}.type-item[data-v-170c9227]{box-sizing:border-box;background:#f8fafc;border-radius:8px;align-items:center;gap:.75rem;min-height:3.5rem;padding:1rem;display:flex}.type-item>span[data-v-170c9227]:last-child{color:#334155;flex:1;min-width:0;font-size:.875rem;line-height:1.35}.type-icon[data-v-170c9227]{color:#6366f1;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.type-icon svg[data-v-170c9227]{width:1.35rem;height:1.35rem}@media (width<=640px){.hero h1[data-v-170c9227]{font-size:2rem}.action-buttons[data-v-170c9227]{flex-direction:column}.action-btn[data-v-170c9227]{justify-content:center;width:100%}.decode-types[data-v-170c9227]{grid-template-columns:1fr}}.copy-toast[data-v-170c9227]{bottom:max(1.25rem, env(safe-area-inset-bottom,0px));z-index:10000;letter-spacing:.01em;pointer-events:none;border-radius:999px;align-items:center;gap:.5rem;max-width:min(100vw - 1.5rem,22rem);padding:.65rem 1.2rem;font-size:.875rem;font-weight:600;line-height:1.3;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 14px 44px #0f172a33,0 4px 12px #0f172a1a}.copy-toast--success[data-v-170c9227]{color:#f8fafc;background:#0f172a}.copy-toast--success .copy-toast__icon[data-v-170c9227]{color:#4ade80;flex-shrink:0}.copy-toast--error[data-v-170c9227]{color:#991b1b;background:#fff;border:1px solid #fecaca;box-shadow:0 14px 40px #b91c1c1f,0 4px 10px #0f172a0f}.copy-toast--error .copy-toast__icon[data-v-170c9227]{color:#dc2626;flex-shrink:0}.copy-toast__text[data-v-170c9227]{text-align:left}.toast-enter-active[data-v-170c9227],.toast-leave-active[data-v-170c9227]{transition:opacity .28s,transform .32s cubic-bezier(.22,1,.36,1)}.toast-enter-from[data-v-170c9227],.toast-leave-to[data-v-170c9227]{opacity:0;transform:translate(-50%)translateY(12px)}.toast-enter-to[data-v-170c9227],.toast-leave-from[data-v-170c9227]{opacity:1;transform:translate(-50%)translateY(0)}