:root{color-scheme:light dark;--fg: #1d1d1f;--bg: #ffffff;--muted: #6e6e73;--accent: #0a6cff}:root[data-theme=dark]{--fg: #f5f5f7;--bg: #1c1c1e;--muted: #aeaeb2;--accent: #4da3ff}body{margin:0;font:16px/1.5 system-ui,sans-serif;color:var(--fg);background:var(--bg)}main{padding:16px}.drop{display:block;width:100%;box-sizing:border-box;min-height:44px;border:2px dashed var(--muted);border-radius:12px;padding:24px;font:inherit;color:inherit;background:transparent;text-align:center;cursor:pointer}.drop:focus-visible,.drop.over{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.drop:disabled{cursor:progress;opacity:.6}button,.button{min-height:44px;min-width:44px;padding:0 16px;font:inherit;color:var(--accent);background:transparent;border:1px solid var(--accent);border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.dropzone p{margin:8px 0 0}.card{margin-top:16px;padding:16px;border:1px solid var(--muted);border-radius:12px}.card h2{margin:0 0 8px;font-size:1.25rem}.card dl>div{margin:4px 0}.card dt{color:var(--muted);font-size:.875rem}.card dd{margin:0;overflow-wrap:anywhere}.card.error{border-color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}textarea{width:100%;box-sizing:border-box;font:inherit;font-family:ui-monospace,monospace;color:inherit;background:transparent}.muted{color:var(--muted)}.notice{padding:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.field{display:grid;gap:4px;margin-top:8px}.field input{min-height:44px;padding:0 12px;font:inherit;color:inherit;background:transparent;border:1px solid var(--muted);border-radius:8px;box-sizing:border-box;width:100%}.field input[aria-invalid=true]{border-color:var(--accent)}.problem{color:var(--accent);font-weight:600}
