:root{color:#f8f8fb;font-synthesis:none;text-rendering:optimizelegibility;background:#10101a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{min-width:320px;min-height:100%}body{background:radial-gradient(circle at 0 0,#6d4aff 0%,#0000 35%),#10101a;min-width:320px;min-height:100vh;margin:0}*{box-sizing:border-box}button,input,textarea{font:inherit}.page{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.card{background:#171726f0;border:1px solid #ffffff1f;border-radius:24px;width:min(100%,620px);padding:40px;box-shadow:0 30px 80px #00000059}.brand{color:#aa98ff;letter-spacing:.18em;font-size:13px;font-weight:800}h1{margin:12px 0 8px;font-size:clamp(32px,6vw,48px)}.description{color:#b8b8c8;margin:0 0 26px;line-height:1.6}label{margin:18px 0 8px;font-weight:650;display:block}input,textarea{color:#fff;background:#0f0f19;border:1px solid #ffffff26;border-radius:12px;outline:none;width:100%;padding:14px 16px}textarea{resize:vertical}input:focus,textarea:focus{border-color:#8c72ff;box-shadow:0 0 0 3px #8c72ff2e}.status{border-radius:10px;margin:20px 0;padding:12px 14px;font-size:14px}.statusSuccess{color:#77e4aa;background:#38bd7e24}.statusError{color:#ff9b9b;background:#f8717124}.uploadArea{text-align:center;background:#8c72ff0f;border:2px dashed #a996ff61;border-radius:18px;gap:10px;margin-top:28px;padding:42px 20px;display:grid}.uploadArea span{color:#aaaabc;font-size:14px}.uploadArea button{color:#fff;cursor:pointer;opacity:1;background:#7257ef;border:0;border-radius:10px;justify-self:center;margin-top:10px;padding:12px 20px}@media (width<=600px){.card{padding:28px 22px}}.fileList{gap:10px;margin-top:18px;display:grid}.fileList div{background:#ffffff0f;border-radius:10px;justify-content:space-between;gap:16px;padding:12px 14px;display:flex}.fileList span{color:#aaaabc;font-size:14px}.progressBlock{align-items:center;gap:12px;margin-top:18px;display:flex}.progressBar{background:#ffffff1a;border-radius:999px;flex:1;height:10px;overflow:hidden}.progressFill{border-radius:inherit;background:#8c72ff;height:100%;transition:width .18s}.submitButton{color:#fff;cursor:pointer;background:#7257ef;border:0;border-radius:12px;width:100%;margin-top:22px;padding:14px 18px;font-weight:700}.submitButton:disabled{cursor:not-allowed;opacity:.45}.uploadQueue{margin-top:24px}.queueHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.queueHeader>div{gap:4px;display:grid}.queueHeader span{color:#aaaabc;font-size:13px}.uploadRows{gap:12px;display:grid}.uploadRow{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:18px;padding:16px;display:flex}.uploadRow-success{border-color:#4ed09359}.uploadRow-error{border-color:#ff646466}.uploadRow-paused{border-color:#ffc15c66}.fileMain{flex:1;min-width:0}.fileTitle{justify-content:space-between;gap:16px;margin-bottom:11px;display:flex}.fileTitle strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fileTitle span{color:#aaaabc;flex:none;font-size:13px}.rowProgress{align-items:center;gap:12px;display:flex}.rowProgress .progressBar{flex:1}.percentage{text-align:right;width:46px}.fileMeta{color:#aaaabc;flex-wrap:wrap;gap:8px 18px;margin-top:9px;font-size:12px;display:flex}.rowActions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.rowActions button,.textButton{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:9px;padding:9px 12px}.textButton{background:0 0}.dangerButton{color:#ff9f9f!important}@media (width<=720px){.queueHeader,.uploadRow{flex-direction:column;align-items:stretch}.fileTitle{flex-direction:column;gap:5px}.rowActions{justify-content:flex-start}}