:root{--bg:#0a0a0b;--panel:#131316;--panel-2:#1a1a1f;--border:#26262c;--border-hot:#4b5cf5;--text:#ededed;--muted:#8a8a94;--accent:#6673ff;--accent-hot:#8690ff;--danger:#ff5a5f;--ok:#3ddc97}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}main{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:48px 24px 64px;gap:28px}header.hero{max-width:640px;text-align:center}header.hero h1{margin:0;font-size:34px;letter-spacing:-.02em;font-weight:600}header.hero p{margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.5}.dropzone{width:100%;max-width:640px;border:1.5px dashed var(--border);background:var(--panel);border-radius:16px;padding:56px 24px;text-align:center;cursor:pointer;transition:border-color .12s,background .12s,transform .12s}.dropzone.hot,.dropzone:hover{border-color:var(--border-hot);background:var(--panel-2)}.dropzone.hot{transform:scale(1.01)}.dropzone input{display:none}.dropzone .big{font-size:18px;font-weight:500;margin-bottom:6px}.dropzone .small{color:var(--muted);font-size:13px}.list{width:100%;max-width:640px;display:flex;flex-direction:column;gap:1px;background:var(--border);border-radius:12px;overflow:hidden}.row{display:grid;grid-template-columns:1fr auto auto;grid-gap:12px;gap:12px;padding:12px 16px;background:var(--panel);align-items:center;font-size:14px}.row .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .meta{color:var(--muted);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row button.remove{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;border-radius:6px}.row button.remove:hover{color:var(--danger);background:rgba(255,90,95,.08)}.actions{display:flex;gap:12px;max-width:640px;width:100%;justify-content:flex-end}button.primary{background:var(--accent);color:white;border:none;padding:12px 22px;font-size:15px;font-weight:500;border-radius:10px;cursor:pointer;transition:background .12s}button.primary:hover:not(:disabled){background:var(--accent-hot)}button.primary:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--border);padding:12px 16px;font-size:14px;border-radius:10px;cursor:pointer}button.ghost:hover{color:var(--text);border-color:var(--muted)}.error{background:rgba(255,90,95,.08);border:1px solid rgba(255,90,95,.3);color:var(--danger);border-radius:10px}.error,.status{max-width:640px;width:100%;padding:12px 16px;font-size:14px}.status{background:rgba(61,220,151,.08);border:1px solid rgba(61,220,151,.3);color:var(--ok);border-radius:10px}footer{margin-top:auto;font-size:12px}footer,footer a{color:var(--muted)}