:root{--bg:#f6f7f9;--surface:#fff;--border:#e4e6eb;--border-strong:#d1d5db;--text:#0a0a0a;--text-muted:#6b7280;--text-soft:#9ca3af;--accent:#111;--accent-hover:#2a2a2a;--success-bg:#ecfdf5;--success-fg:#047857;--error-bg:#fef2f2;--error-fg:#b91c1c;--drop-bg:#f9fafb;--drop-bg-active:#eef2ff;--drop-border-active:#6366f1;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 24px -8px #00000014, 0 1px 2px #0000000a;--radius:10px;--radius-sm:6px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:inherit}button{font-family:inherit}.page{justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:460px;box-shadow:var(--shadow-md);border-radius:14px;padding:32px}.header{margin-bottom:24px}.header-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.header-centered{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo{border-radius:8px;flex-shrink:0;display:block}.logo-lg{border-radius:10px;margin-bottom:6px}.footer{border-top:1px solid var(--border);letter-spacing:.04em;color:var(--text-soft);text-transform:uppercase;justify-content:center;align-items:center;gap:6px;margin-top:22px;padding-top:16px;font-size:11px;font-weight:500;display:flex}.footer-logo{opacity:.85;border-radius:4px}.card-narrow{max-width:380px}.link-button{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:5px 10px;font-size:12px;font-weight:500;transition:color .12s,border-color .12s,background-color .12s}.link-button:hover{color:var(--text);border-color:var(--border-strong);background:#f9fafb}.title{letter-spacing:-.01em;align-items:center;gap:8px;margin:0 0 6px;font-size:20px;font-weight:600;display:inline-flex}.title-logo{vertical-align:middle;border-radius:5px;display:inline-block}.subtitle{color:var(--text-muted);margin:0;font-size:14px}.form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.label{color:var(--text);font-size:13px;font-weight:500}.hint{color:var(--text-soft);font-size:12px}.input{appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--surface);padding:9px 12px;font-size:14px;transition:border-color .12s,box-shadow .12s}.input::placeholder{color:var(--text-soft)}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #11111114}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--drop-bg);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:22px 16px;transition:border-color .12s,background-color .12s;display:flex;position:relative}.dropzone:hover{border-color:var(--accent);background:#f3f4f6}.dropzone.active{border-color:var(--drop-border-active);background:var(--drop-bg-active)}.dropzone.has-file{border-style:solid;border-color:var(--border);background:var(--surface);text-align:left;flex-direction:row;align-items:center;gap:12px;padding:14px 16px}.drop-icon{width:32px;height:32px;color:var(--text-soft)}.drop-primary{font-size:14px;font-weight:500}.drop-secondary{color:var(--text-muted);font-size:12px}.file-icon{width:36px;height:36px;color:var(--text-muted);background:#f3f4f6;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.file-meta{flex:1;min-width:0}.file-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.file-size{color:var(--text-muted);font-size:12px}.file-clear{color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;place-items:center;padding:4px;display:grid}.file-clear:hover{color:var(--text);background:#f3f4f6}.button{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:11px 16px;font-size:14px;font-weight:500;transition:background-color .12s,transform 80ms;display:inline-flex;position:relative}.button:hover:not(:disabled){background:var(--accent-hover)}.button:active:not(:disabled){transform:scale(.99)}.button:disabled{cursor:not-allowed;opacity:.7}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:var(--radius-sm);align-items:flex-start;gap:10px;margin-top:18px;padding:12px 14px;font-size:13px;animation:.18s fade-in;display:flex}.alert.error{background:var(--error-bg);color:var(--error-fg);border:1px solid #fecaca}.alert.success{background:var(--success-bg);color:var(--success-fg);border:1px solid #a7f3d0}.alert-content{flex:1;min-width:0}.alert-title{margin-bottom:2px;font-weight:600}.alert-url{word-break:break-all;color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;text-decoration:none;display:inline-block}.alert-url:hover{text-decoration:underline}.copy-btn{color:inherit;cursor:pointer;opacity:.8;background:0 0;border:1px solid;border-radius:4px;flex-shrink:0;align-items:center;gap:5px;padding:4px 9px;font-size:12px;transition:opacity .12s;display:inline-flex}.copy-btn:hover{opacity:1}@keyframes fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.progress-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit;background:#ffffffb3;place-items:center;animation:.18s fade-in;display:grid;position:absolute;inset:0}.progress-pill{background:var(--accent);color:#fff;box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}