:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0e1524;color:#eef3fc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#1b3767 0,transparent 55%),#0e1524}.container{max-width:610px;margin:0 auto;padding:45px 22px 40px}.head-icon{height:62px;width:62px;display:grid;place-items:center;border-radius:18px;margin:auto;background:#2049b0;color:#fff;font-size:34px;font-weight:700}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.smallbrand{font-size:14px;color:#a8c7f8;font-weight:700}h1{font-size:clamp(27px,5vw,36px);line-height:1.17;letter-spacing:-.7px;text-align:center;margin:20px 0 8px}h2{font-size:20px;margin:0 0 22px}.subtitle{color:#aab8cf;text-align:center;line-height:1.55;margin:0 auto 28px;max-width:490px}.panel{background:#172339;border:1px solid #2c3f5e;border-radius:20px;padding:22px;box-shadow:0 15px 45px #070e1830}label{display:block;font-size:14px;color:#cad5e6;margin-bottom:8px}input[type=password]{background:#0e1728;width:100%;border:1px solid #496082;border-radius:11px;color:#fff;padding:16px;font-size:16px;outline-offset:3px}button{border-radius:11px;padding:13px 20px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s}button:disabled{opacity:.4;cursor:not-allowed}.primary{border:1px solid #5691ff;background:#2563eb;color:#fff}.primary:not(:disabled):hover{background:#3677ff}.secondary{border:1px solid #3d5275;background:#1a2b47;color:#e5efff}.secondary:hover{background:#2a4064}.small{padding:9px 14px;font-size:13px}form>.primary{width:100%;margin-top:18px}.drop{border:2px dashed #53719d;border-radius:15px;text-align:center;padding:37px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:9px;outline-offset:4px;background:#101c2e}.drop.drag{border-color:#8fc0ff;background:#233b5a}.drop span,.hint{font-size:13px;color:#a5b7ce}.cloud{font-size:37px;color:#74b1ff}.drop input{display:none}.actions{display:flex;gap:12px;margin-top:19px}.actions>button{flex:1}.hint{margin:16px 0 0;line-height:1.4}.results{margin-top:15px;display:flex;flex-direction:column;gap:10px}.result{border:1px solid #394b67;background:#112038;padding:12px;border-radius:12px}.result .filename{overflow-wrap:anywhere;font-size:14px;font-weight:700}.result .detail{font-size:13px;color:#b9c8df;margin-top:6px}.result.error{border-color:#9c3b47;color:#ffb4b4}.result.ok{border-color:#367c5b}.progress{height:7px;background:#3f5168;border-radius:7px;overflow:hidden;margin-top:8px}.bar{height:100%;background:#66a5ff;width:0%;transition:width .1s}.usage{margin-top:25px;font-size:13px;color:#acbed6}.track{height:7px;background:#263953;border-radius:8px;overflow:hidden;margin-top:8px}.fill{height:100%;background:#5c9bfd;width:0%}.foot{text-align:center;color:#7083a1;font-size:12px;margin-top:27px;line-height:1.5}.error{color:#ffb5b5;font-size:14px}@media(max-width:450px){.container{padding:25px 16px}.panel{padding:16px}.drop{padding:28px 9px}.actions{gap:9px}}

.slim{max-width:420px;padding-top:min(16vh,130px)}.slim h1{font-size:28px;margin-bottom:28px}.slim .panel{padding:26px}.error[hidden]{display:none!important}