@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
:root{--bg:#f6f7fb;--card:#fff;--muted:#6b7280;--accent:#6b46ff;--accent-2:#7c3aed;--radius:14px;--shadow:0 6px 20px rgba(16,24,40,0.08);}
[data-theme="dark"]{--bg:#0b1020;--card:#0f1724;--muted:#9ca3af;--accent:#8b5cf6;--accent-2:#7c3aed;--shadow:0 10px 30px rgba(2,6,23,0.6);}
*{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;}
html,body{height:100%;margin:0;background:var(--bg);color:var(--muted);}
.container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px;}
.card{width:min(960px,96%);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:36px;display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start;}
.header{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;}
.title{font-size:32px;color:var(--accent-2);font-weight:700;margin:0;}
.desc{font-size:14px;color:var(--muted);margin-top:6px;}
.dropzone{border:2px dashed rgba(110,110,110,0.12);border-radius:12px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .18s ease;}
.dropzone.hover{background:linear-gradient(90deg, rgba(123,70,255,0.06), rgba(99,102,241,0.04));border-color:var(--accent-2);}
.dropzone p{margin:0;font-weight:600;color:var(--accent-2);font-size:16px;}
.small{font-size:13px;color:var(--muted);}
.controls{display:flex;flex-direction:column;gap:12px;padding:14px;background:rgba(0,0,0,0.02);border-radius:10px;height:100%;}
.input-row{display:flex;gap:8px;align-items:center;}
.button{background:var(--accent);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;cursor:pointer;box-shadow: 0 6px 18px rgba(107,70,255,0.12);}
.button.secondary{background:transparent;color:var(--accent-2);border:1px solid rgba(124,58,237,0.12);box-shadow:none;}
.progress{width:100%;height:12px;background:rgba(0,0,0,0.06);border-radius:999px;overflow:hidden;}
.progress > i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width .12s linear;}
.file-info{font-size:13px;color:var(--muted);}
.footer-note{grid-column:1/-1;margin-top:8px;font-size:13px;color:var(--muted);}
.admin-link{display:none;}
@media (max-width:880px){.card{grid-template-columns:1fr; padding:20px;} .controls{order:2} .dropzone{order:1}}
.theme-toggle{background:transparent;border:1px solid rgba(0,0,0,0.06);padding:8px;border-radius:10px;cursor:pointer;color:var(--muted);}