:root{--bg:#080b1c;--panel:#11162d;--text:#f7f7ff;--muted:#aeb5d4;--purple:#8b5cf6;--yellow:#ffd84d;--line:#282f52}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#201451 0,transparent 40%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}header{height:76px;max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{color:#fff;font-size:28px;font-weight:900;letter-spacing:-1px;text-decoration:none}.brand span{color:var(--yellow)}#lang{color:#fff;background:#171d39;border:1px solid var(--line);border-radius:12px;padding:9px 13px;font-weight:700;cursor:pointer}main{width:min(920px,calc(100% - 32px));margin:44px auto}.panel{text-align:center;background:linear-gradient(145deg,rgba(24,30,61,.98),rgba(12,16,36,.98));border:1px solid var(--line);border-radius:28px;padding:54px 54px 36px;box-shadow:0 28px 80px rgba(0,0,0,.35)}.badge{display:inline-block;color:var(--yellow);background:#2a2446;border:1px solid #483b73;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:800}h1{font-size:clamp(34px,6vw,64px);line-height:1.02;letter-spacing:-2.5px;margin:24px auto 16px;max-width:750px}.lead{color:var(--muted);font-size:18px;line-height:1.6;margin:0 auto 30px}form{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:760px;margin:auto}.input-wrap{position:relative}input{width:100%;height:58px;border:1px solid #394269;border-radius:15px;background:#090d20;color:#fff;padding:0 48px 0 18px;font-size:16px;outline:none}input:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(139,92,246,.15)}.clear{position:absolute;right:10px;top:10px;width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:#929abb;font-size:25px;cursor:pointer}.primary,.download{border:0;border-radius:15px;background:linear-gradient(135deg,var(--purple),#6d4aff);color:#fff;font-weight:850;font-size:16px;padding:0 25px;cursor:pointer;box-shadow:0 10px 30px rgba(111,74,255,.28)}.primary:disabled{opacity:.6;cursor:wait}#status{min-height:26px;margin:17px 0;color:var(--muted)}#status.error{color:#ff9191}#result{display:flex;text-align:left;gap:18px;border:1px solid var(--line);border-radius:18px;padding:16px;background:#0b1025}#thumb{width:128px;aspect-ratio:9/12;object-fit:cover;border-radius:12px;background:#171d39}.details{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}.details strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.details span{color:var(--muted)}#formats{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.download{display:inline-flex;text-decoration:none;padding:11px 15px;border-radius:11px;font-size:14px}.notice{font-size:13px;color:#7f88ad;margin:25px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.steps div{display:flex;align-items:center;gap:14px;color:var(--muted);background:#0d1126;border:1px solid #202747;border-radius:16px;padding:17px}.steps b{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;background:#28204b;color:var(--yellow);border-radius:10px}footer{text-align:center;color:#737b9e;font-size:13px;padding:25px}@media(max-width:680px){main{margin-top:20px}.panel{padding:36px 18px 26px;border-radius:22px}h1{letter-spacing:-1.7px}form{grid-template-columns:1fr}.primary{height:54px}.steps{grid-template-columns:1fr}#result{flex-direction:column}#thumb{width:100%;max-height:280px;aspect-ratio:auto}header{height:66px}}