*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}:root{--color-text: #1a1a1a;--color-text-secondary: #6b7280;--color-background: #ffffff;--color-surface: #f9fafb;--color-border: #e5e7eb;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;color:var(--color-text);background-color:var(--color-background)}[data-theme=dark]{--color-text: #f3f4f6;--color-text-secondary: #9ca3af;--color-background: #111827;--color-surface: #1f2937;--color-border: #374151;--color-primary: #3b82f6;--color-primary-hover: #60a5fa}.theme-switcher[data-v-5c99e2ae]{background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);cursor:pointer;font-size:var(--text-base);color:var(--color-text);line-height:1}.theme-switcher[data-v-5c99e2ae]:hover{background:var(--color-surface)}.app-header[data-v-912765ce]{border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4)}.app-header-inner[data-v-912765ce]{display:flex;align-items:center;gap:var(--space-3);max-width:64rem;margin:0 auto}.app-logo[data-v-912765ce]{font-weight:700;font-size:var(--text-lg);text-decoration:none;color:var(--color-text)}.app-title[data-v-912765ce]{color:var(--color-text-secondary);font-size:var(--text-sm)}.app-header-inner[data-v-912765ce]>:last-child{margin-left:auto}.app-footer[data-v-791b1b3f]{border-top:1px solid var(--color-border);padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.app-footer-inner[data-v-791b1b3f]{display:flex;align-items:center;justify-content:space-between;max-width:64rem;margin:0 auto}.app-footer-nav[data-v-791b1b3f]{display:flex;gap:var(--space-4)}.app-footer-nav a[data-v-791b1b3f]{color:var(--color-text-secondary);text-decoration:none}.app-footer-nav a[data-v-791b1b3f]:hover{color:var(--color-text)}.app-layout[data-v-190a6b2b]{display:flex;flex-direction:column;min-height:100vh}.app-main[data-v-190a6b2b]{flex:1;padding:var(--space-6) var(--space-4);max-width:64rem;margin:0 auto;width:100%}.decoder[data-v-3f28b8d2]{display:flex;flex-direction:column;gap:var(--space-4)}.decoder-controls[data-v-3f28b8d2]{display:flex;align-items:center;gap:var(--space-2)}.decoder-controls select[data-v-3f28b8d2]{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm)}.decoder-grid[data-v-3f28b8d2]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:768px){.decoder-grid[data-v-3f28b8d2]{grid-template-columns:1fr}}.decoder-panel[data-v-3f28b8d2]{display:flex;flex-direction:column;gap:var(--space-2)}.panel-header[data-v-3f28b8d2]{display:flex;align-items:center;justify-content:space-between}.panel-header label[data-v-3f28b8d2]{font-weight:600;font-size:var(--text-sm)}textarea[data-v-3f28b8d2]{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:monospace;font-size:var(--text-sm);resize:vertical}textarea[data-v-3f28b8d2]:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.btn-secondary[data-v-3f28b8d2]{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);cursor:pointer}.btn-secondary[data-v-3f28b8d2]:hover:not(:disabled){background:var(--color-border)}.btn-secondary[data-v-3f28b8d2]:disabled{opacity:.5;cursor:not-allowed}