*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#07090e;color:#f5f7fb}body{margin:0;min-height:100vh}.bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 15% 10%,#263b6d 0,transparent 30%),radial-gradient(circle at 90% 20%,#3b1e55 0,transparent 28%),linear-gradient(135deg,#07090e,#0d1019 60%,#080a10)}.bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,12,.2),rgba(5,7,12,.78))}.topbar{height:72px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;backdrop-filter:blur(16px);position:sticky;top:0;z-index:4;background:#07090eb8}.brand{display:flex;align-items:center;gap:12px}.logo{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#7c5cff,#23c7ff);box-shadow:0 8px 30px #5e5cff44}.brand b{display:block}.brand small{display:block;color:#9ba4b5;font-size:11px;margin-top:2px}.iconbtn{border:1px solid #ffffff16;background:#ffffff08;color:#fff;border-radius:12px;width:40px;height:40px}.wrap{width:min(1080px,92%);margin:0 auto;padding:60px 0}.hero{text-align:center;margin-bottom:42px}.pill{display:inline-block;border:1px solid #ffffff16;background:#ffffff08;color:#aeb8ff;border-radius:999px;padding:7px 13px;font-size:11px;letter-spacing:.15em}.hero h1{font-size:clamp(42px,7vw,76px);line-height:.98;margin:18px 0 15px;letter-spacing:-.05em}.hero h1 span{background:linear-gradient(90deg,#9b86ff,#54d8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#a7afbf;max-width:650px;margin:auto;line-height:1.7}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.card{border:1px solid #ffffff12;background:#11151fcc;border-radius:24px;padding:25px;box-shadow:0 20px 70px #0005;backdrop-filter:blur(18px)}.card-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.card-title span{color:#8190a8;font-size:12px}.card h2{margin:0;font-size:20px}.drop{display:flex;min-height:210px;border:1px dashed #ffffff28;border-radius:18px;align-items:center;justify-content:center;flex-direction:column;gap:8px;cursor:pointer;background:#ffffff03;transition:.2s}.drop:hover,.drop.drag{border-color:#7c75ff;background:#756aff0d}.drop input{display:none}.upload-icon{font-size:38px;color:#8d84ff}.drop small{color:#7f899b}.file-list{margin:14px 0;max-height:160px;overflow:auto}.file{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-radius:10px;background:#ffffff06;margin:5px 0;font-size:13px}.file small{color:#7f899b}.empty{color:#727c8e;font-size:13px}.row{display:flex;gap:9px}.btn{border:0;border-radius:12px;padding:12px 16px;color:#fff;font-weight:700;cursor:pointer}.btn.primary{width:100%;margin-top:12px;background:linear-gradient(100deg,#705cff,#23bfff);box-shadow:0 10px 30px #5d68ff30}.btn.ghost{background:#ffffff09;border:1px solid #ffffff12}.providers{display:grid;gap:10px;margin-bottom:18px}.provider{display:flex;align-items:center;gap:13px;text-align:left;color:#fff;background:#ffffff05;border:1px solid #ffffff10;border-radius:14px;padding:13px;cursor:pointer}.provider.active{border-color:#7e72ff;background:#756aff12}.provider>strong{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#ffffff0b}.provider span b,.provider span small{display:block}.provider span small{color:#7f899b;font-size:11px;margin-top:2px}.field{display:block;color:#aab3c3;font-size:12px;margin-top:13px}.field input{display:block;width:100%;margin-top:7px;padding:12px 13px;border-radius:11px;border:1px solid #ffffff12;background:#080b11;color:#fff;outline:none}.field input:focus{border-color:#7d72ff}.hint{font-size:11px;line-height:1.5;color:#727c8e}.status{margin-top:13px;padding:11px;border-radius:10px;background:#ffffff07;font-size:12px}.hidden{display:none}.result-card{margin-top:18px}.result{padding:17px;border-radius:14px;background:#080b11}.result a{color:#73d9ff;word-break:break-all}.success{border:1px solid #2fd58b55}.error{border:1px solid #ff617155}.help{margin-top:18px}.help ol{color:#aab3c3;line-height:2}.help code{background:#ffffff0d;padding:3px 6px;border-radius:5px;color:#c9c2ff}.help p{color:#7f899b;font-size:12px;line-height:1.6}footer{text-align:center;color:#596274;font-size:11px;padding:25px}@media(max-width:760px){.grid{grid-template-columns:1fr}.wrap{padding-top:38px}.hero h1{font-size:47px}.card{padding:18px}.topbar{padding:0 4%}}body.light{background:#f4f6fb;color:#121620}.light .bg{background:linear-gradient(135deg,#eef2ff,#f8fbff)}.light .topbar{background:#ffffffcc}.light .card{background:#fffffff0;border-color:#00000010}.light .field input{background:#f7f8fc;color:#111}.light .provider,.light .drop,.light .btn.ghost{background:#f5f6fa;color:#111}.light .hint,.light .hero p,.light .help p{color:#687185}