*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d27;--surface-2: #22263a;--border: #2e3347;--accent: #4f8ef7;--accent-dim: #2a4a8a;--text: #e8eaf0;--text-muted: #7c83a0;--success: #3ecf8e;--danger: #f76f6f;--radius: 6px;--font: "Georgia", ui-serif, serif;--font-mono: "Courier New", ui-monospace, monospace}html,body{min-height:100vh;background-color:var(--bg);background-image:radial-gradient(ellipse at 20% 0%,rgba(79,142,247,.07) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(62,207,142,.05) 0%,transparent 60%);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6}.wrapper{max-width:680px;margin:0 auto;padding:60px 24px 80px}header{margin-bottom:40px;border-bottom:1px solid var(--border);padding-bottom:24px}header h1{font-size:1.5rem;font-weight:400;letter-spacing:.04em;color:var(--text)}header h1 span{color:var(--accent)}header p{margin-top:6px;font-size:.85rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.02em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-bottom:16px}.drop-zone{border:1px dashed var(--border);border-radius:var(--radius);padding:36px 24px;text-align:center;transition:border-color .2s,background .2s;cursor:pointer;position:relative}.drop-zone:hover{border-color:var(--accent);background:#4f8ef70a}.drop-zone label{display:block;cursor:pointer}.drop-zone .icon{display:block;font-size:2rem;margin-bottom:10px;opacity:.5}.drop-zone .primary-text{font-size:.95rem;color:var(--accent);display:block;margin-bottom:4px}.drop-zone .secondary-text{font-size:.78rem;color:var(--text-muted);font-family:var(--font-mono)}input[type=file]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer}.preview{margin-top:20px}.preview p{font-size:.82rem;color:var(--text-muted);font-family:var(--font-mono);text-align:center;padding:12px 0}.preview ol{list-style:none;display:flex;flex-direction:column;gap:8px}.preview li{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:.85rem;font-family:var(--font-mono)}.preview li:before{content:"▸";color:var(--accent);font-size:.7rem;flex-shrink:0}.preview li.invalid{border-color:var(--danger);color:var(--danger)}.preview li.invalid:before{content:"✕";color:var(--danger)}.fileList{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 28px;display:none}.fileList.open{display:block}#confirmation{display:flex;align-items:center;justify-content:space-between;gap:16px}#confirmation p{font-size:.82rem;color:var(--text-muted);font-family:var(--font-mono)}button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:9px 20px;font-size:.82rem;font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap}button:hover{background:#3a7be8}button:active{background:var(--accent-dim);transform:scale(.98)}.status{margin-top:14px;font-size:.78rem;font-family:var(--font-mono);color:var(--text-muted);min-height:1.4em}.status.success{color:var(--success)}.status.error{color:var(--danger)}footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.02em}