:root{color-scheme:dark;--bg: #14181c;--panel: #1b1f24;--panel-2: #20242a;--text: #ced5dd;--muted: #8794a0;--border: #2c333c;--accent: #5b8cff;--accent-text: #ffffff;--ok: #4ade80;--warn: #e0a63a;--err: #ff6b6b;--radius: 10px}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg: #f4f5f7;--panel: #ffffff;--panel-2: #fafbfc;--text: #1b1d21;--muted: #5b606b;--border: #d9dce1;--accent: #2f6feb;--ok: #1f9d57;--warn: #b06a06;--err: #d64545}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:560px;margin:0 auto;padding:48px 20px 96px}h1{font-size:22px;line-height:1.3;margin:0 0 6px}.lead{color:var(--muted);margin:0 0 20px}.privacy{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--border);border-left:3px solid var(--ok);background:var(--panel);border-radius:var(--radius);padding:10px 14px;margin-bottom:20px;font-size:13px;color:var(--muted)}.privacy strong{color:var(--text)}.dropzone{display:block;border:2px dashed var(--border);border-radius:14px;background:var(--panel);padding:40px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:var(--panel-2)}.dropzone input{display:none}.dropzone .dz-title{font-weight:600}.dropzone .dz-hint{color:var(--muted);font-size:13px;margin-top:6px}.card{margin-top:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow:hidden}.card>*{padding:14px 16px}.card>*+*{border-top:1px solid var(--border)}.file-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.file-row .file-name{font-weight:600;word-break:break-all}.file-row .file-size{color:var(--muted);font-size:13px;white-space:nowrap}.field{display:block}.field+.field{margin-top:14px}.field>.label{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}.field select,.field input[type=password],.field input[type=number]{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--text);font:inherit}.field select{cursor:pointer}.hint{font-size:12.5px;color:var(--muted);margin-top:6px}.hint.warn{color:var(--warn)}.check{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin-top:10px;line-height:1.4}.check input{margin-top:2px;flex:0 0 auto}.msg{font-size:13px;margin:8px 0 0}.msg.warn{color:var(--warn)}.msg.err{color:var(--err)}.msg.ok{color:var(--ok)}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:var(--panel-2)}button{font:inherit}.btn{padding:10px 18px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.btn.primary:hover{filter:brightness(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.progress{flex-basis:100%}.progress:empty{display:none}progress{width:100%;height:6px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}