:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--gap:1rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{padding:var(--gap);margin:0;font-family:system-ui,sans-serif;line-height:1.5}#app{max-width:46rem;margin:0 auto}h1{font-size:1.5rem}.lede{opacity:.8}.dropzone{text-align:center;opacity:.7;border:2px dashed;border-radius:8px;padding:2rem}.dropzone.is-dragging{opacity:1;background:color-mix(in srgb, canvastext 8%, transparent)}.status:empty{display:none}.status[data-kind=error]{color:#dc143c}.status[data-kind=success]{color:#2e8b57}.field{grid-template-columns:6rem 1fr;align-items:center;gap:.5rem;margin-bottom:.5rem;display:grid}.field-label{opacity:.7;font-size:.85rem}.field input{box-sizing:border-box;width:100%;padding:.4rem;font-family:ui-monospace,monospace}.field input[aria-invalid=true]{outline:2px solid #dc143c}.field-error{color:#dc143c;grid-column:2;margin:0;font-size:.85rem}.ecc{margin:var(--gap) 0;display:block}.symbol svg{box-sizing:border-box;background:#fff;width:100%;max-width:20rem;height:auto;padding:.5rem}.ecc-note{opacity:.8;font-size:.85rem}.downloads{gap:var(--gap);display:flex}.encode-error{color:#dc143c}@media (width<=30rem){.field{grid-template-columns:1fr}.field-error{grid-column:1}}