body{margin:0}:root{--bg:#f4f2ef;--card:#fffefb;--text:#1c1917;--muted:#78716c;--accent:#b45309;--accent-hover:#92400e;--border:#e7e5e4;--error-bg:#fef2f2;--error-text:#b91c1c}*,:before,:after{box-sizing:border-box}.page{background:radial-gradient(ellipse 120% 80% at 50% -20%, #fde8d4 0%, var(--bg) 45%);min-height:100vh;color:var(--text);justify-content:center;align-items:center;margin:0;padding:2rem 1rem;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:440px;padding:2rem 1.75rem 1.75rem;box-shadow:0 4px 6px -1px #0000000f,0 12px 24px -4px #00000014}.title{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.subtitle{color:var(--muted);margin:0 0 1.5rem;font-size:.9rem;line-height:1.55}.subtitle code{background:#f5f4f1;border-radius:4px;padding:.12em .35em;font-size:.85em}.dropzone{text-align:center;cursor:pointer;border:2px dashed #d6d3d1;border-radius:12px;padding:1.5rem 1rem;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone:focus-within{border-color:var(--accent);background:#fffaf5}.dropzone-inner p{margin:.35rem 0 0;font-size:.95rem}.dropzone-inner .hint{color:var(--muted);font-size:.8rem}.dropzone-icon{opacity:.45;margin-bottom:.25rem;font-size:1.75rem;display:block}.hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-meta{border:1px solid var(--border);background:#fafaf9;border-radius:8px;justify-content:space-between;align-items:baseline;margin-top:1rem;padding:.65rem .85rem;font-size:.85rem;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-weight:500;overflow:hidden}.file-size{color:var(--muted);flex-shrink:0}.error{background:var(--error-bg);color:var(--error-text);border-radius:8px;margin-top:1rem;padding:.65rem .85rem;font-size:.85rem}.primary{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.25rem;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:background .15s;display:inline-flex}.primary:hover:not(:disabled){background:var(--accent-hover)}.primary:disabled{opacity:.55;cursor:not-allowed}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}