:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#fafaf9)var(--lightningcss-dark,#161616);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1f1f1f);--text:var(--lightningcss-light,#1c1917)var(--lightningcss-dark,#e7e5e4);--muted:var(--lightningcss-light,#57534e)var(--lightningcss-dark,#a8a29e);--border:var(--lightningcss-light,#d6d3d1)var(--lightningcss-dark,#3f3f46);--accent:var(--lightningcss-light,#1d4ed8)var(--lightningcss-dark,#93c5fd);--accent-text:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0b1220);--danger:var(--lightningcss-light,#b91c1c)var(--lightningcss-dark,#fca5a5);--success:var(--lightningcss-light,#15803d)var(--lightningcss-dark,#86efac);--radius:.5rem;background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}body{margin:0}main{max-width:40rem;margin:0 auto;padding:1.5rem 1rem 3rem}h1{margin:0 0 .25rem;font-size:1.75rem;line-height:1.2}h2{font-size:1.25rem}fieldset{border:0;min-width:0;margin:0;padding:0}label{font-weight:600}textarea,input:not([type=file]),select{width:100%;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.625rem .75rem}textarea[aria-invalid=true]{border-color:var(--danger)}button,.button{font:inherit;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);min-height:2.75rem;color:var(--accent-text);cursor:pointer;padding:.625rem 1.25rem;font-weight:600;display:inline-block}button.secondary{color:var(--accent);background:0 0}button.link{min-height:auto;color:var(--accent);background:0 0;border:0;padding:.25rem .5rem;text-decoration:underline}button:disabled,fieldset:disabled .button{opacity:.6;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.dropzone:has(input:focus-visible) .button{outline:3px solid var(--accent);outline-offset:2px}.field{margin:1.5rem 0}.hint{color:var(--muted);margin:.25rem 0;font-size:.9rem}.error{color:var(--danger);min-height:1.35em;margin:.25rem 0;font-size:.9rem}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;background:var(--surface);padding:1.5rem 1rem}.dropzone.dragging{border-color:var(--accent)}.summary{margin:1.25rem 0 .5rem;font-weight:600}.files{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-height:22rem;margin:0 0 1rem;padding:0;list-style:none;overflow-y:auto}.files li{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;gap:0 .5rem;padding:.5rem .75rem;display:grid}.files li:last-child{border-bottom:0}.files .name{overflow-wrap:anywhere}.files .meta{color:var(--muted);grid-column:1;font-size:.85rem}.files button{grid-area:1/2/span 2;align-self:center}.files .invalid .meta,.files .failed .meta{color:var(--danger)}.files .done .meta{color:var(--success)}.progress{margin:1rem 0}progress{width:100%;height:.75rem}.actions{flex-wrap:wrap;gap:.75rem;display:flex}footer{margin-top:2.5rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
