:root{color-scheme:light dark;--accent: #6a3fe0;--border: #8884;font:14px/1.5 system-ui,sans-serif}body{margin:0}.brand{display:flex;align-items:center;gap:8px}header{display:flex;gap:16px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}main{max-width:760px;margin:0 auto;padding:16px}select,input,button{font:inherit;padding:4px 8px}#info code{display:block;font-size:12px;opacity:.8}#drop{display:block;margin:16px 0;padding:32px;border:2px dashed var(--border);border-radius:8px;text-align:center;cursor:pointer}#drop.over{border-color:var(--accent)}#status{white-space:pre-wrap}#status.error{color:#e5484d}#status.ok{color:#30a46c}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:12px}.tab{border:0;background:none;padding:8px 12px;cursor:pointer;border-bottom:2px solid transparent}.tab.active{border-color:var(--accent)}.field{display:grid;grid-template-columns:180px 1fr;gap:8px;align-items:center;margin:6px 0}.field .hint{grid-column:2;opacity:.7}.group{border:1px solid var(--border);border-radius:6px;padding:6px 12px;margin:8px 0}.group summary{cursor:pointer;font-weight:600}.invalid,.issue{outline:2px solid #e5484d}.primary{margin-top:16px;background:var(--accent);color:#fff;border:0;border-radius:6px;padding:8px 16px;cursor:pointer}@media (max-width: 520px){.field{grid-template-columns:1fr}.field .hint{grid-column:1}}