*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#090b12;color:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.topbar{height:72px;border-bottom:1px solid #202432;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1080px)/2));background:rgba(9,11,18,.92)}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:800;font-size:18px}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#7767ff,#aa74ff);box-shadow:0 9px 25px #5a48ff38}.pill{font-size:12px;color:#c9cde0;border:1px solid #30364a;padding:7px 11px;border-radius:999px}.wrap{width:min(1080px,calc(100% - 34px));margin:0 auto;padding:70px 0 38px}.wrap.narrow{width:min(650px,calc(100% - 34px));padding-top:90px}.hero{max-width:770px;margin:0 auto 34px;text-align:center}.eyebrow{font-size:12px;letter-spacing:.18em;color:#9b91ff;font-weight:800}.hero h1,.result h1{font-size:clamp(40px,7vw,72px);line-height:.98;margin:15px 0 18px;letter-spacing:-.055em}.hero h1 span{background:linear-gradient(100deg,#8c7cff,#ce75ee);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#aeb4c7;font-size:17px;line-height:1.65;max-width:650px;margin:auto}.card{background:linear-gradient(180deg,#151925,#10131d);border:1px solid #292f41;border-radius:26px;box-shadow:0 28px 80px #0008;padding:28px;max-width:780px;margin:0 auto}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#0b0e16;border:1px solid #24293a;border-radius:14px;padding:5px;margin-bottom:24px}.tab{border:0;border-radius:10px;background:transparent;color:#8890a5;padding:12px;font-weight:800;cursor:pointer}.tab.active{background:#242a3a;color:#fff}.panel{display:none}.panel.active{display:block}.drop{border:1px dashed #46506e;border-radius:19px;min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#0d1019;transition:.2s}.drop:hover{border-color:#8376ff;background:#111522}.drop input{display:none}.drop strong{font-size:18px}.drop small{color:#81899e;margin-top:8px;max-width:460px;line-height:1.5}.uploadIcon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#242840;color:#a99fff;font-size:24px;margin-bottom:13px}.filename{text-align:center;color:#a99fff;font-size:13px;margin-top:8px;min-height:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.field{display:flex;flex-direction:column;gap:8px}.field span{font-size:13px;color:#cbd0df;font-weight:700}.field input,.field select{width:100%;height:49px;border-radius:12px;border:1px solid #30364a;background:#0c0f17;color:#fff;padding:0 14px;font:inherit;outline:none}.field input:focus,.field select:focus{border-color:#8073ff;box-shadow:0 0 0 3px #7767ff1e}.hint{font-size:12px;color:#7f879b;line-height:1.5}.consent{display:flex;gap:10px;align-items:flex-start;color:#aeb4c7;font-size:13px;margin:20px 0}.consent input{accent-color:#8174ff;margin-top:2px}.convert{width:100%;border:0;background:linear-gradient(100deg,#6f62ff,#9d65ee);color:white;border-radius:13px;height:54px;font-weight:900;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;box-shadow:0 12px 30px #6652ff2c}.convert:hover{filter:brightness(1.08)}.features{max-width:880px;margin:28px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.features article{border:1px solid #1f2432;border-radius:18px;padding:18px;background:#0e1119}.features strong{display:block;font-size:13px;margin-bottom:8px}.features span{display:block;color:#7f879b;font-size:12px;line-height:1.5}.alert{border:1px solid #73374a;background:#2b121b;color:#ffc1cf;border-radius:12px;padding:13px 15px;margin-bottom:18px;font-size:13px}.result{text-align:center;padding:48px}.result h1{font-size:44px}.result p{color:#9aa2b5;line-height:1.6}.resultIcon{margin:0 auto 19px;display:grid;place-items:center;width:64px;height:64px;border-radius:22px;background:#182f29;color:#77e2bd;border:1px solid #285b4c;font-size:26px;font-weight:900}.errorIcon{background:#351824;color:#ff98ae;border-color:#6e2d40}.linkbtn{margin:28px auto 12px;max-width:330px}.secondary{display:inline-block;color:#a99fff;text-decoration:none;margin:10px}.center{text-align:center}footer{text-align:center;color:#5f6677;font-size:12px;padding:24px 20px 40px}@media(max-width:680px){.topbar{height:64px;padding:0 16px}.pill{display:none}.wrap{padding-top:46px}.card{padding:18px;border-radius:21px}.grid,.features{grid-template-columns:1fr}.hero{text-align:left}.hero h1{font-size:47px}.hero p{font-size:15px}.eyebrow{font-size:10px}.drop{min-height:180px}.result{padding:36px 20px}.result h1{font-size:38px}}
.uploadProgress{margin:15px 0 4px}.progressTrack{height:9px;border-radius:999px;background:#090c13;border:1px solid #2b3143;overflow:hidden}.progressBar{height:100%;width:0;background:linear-gradient(90deg,#7568ff,#ba6ff0);transition:width .18s ease}.progressMeta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#8f97ab;font-size:12px}.uploadHint{margin-bottom:0}.uploadHint code{color:#aaa0ff}.urlNote{display:flex;flex-direction:column;gap:5px;margin-top:12px;padding:12px 13px;border-radius:12px;background:#0d111a;border:1px solid #252b3c}.urlNote strong{font-size:12px;color:#d8dced}.urlNote span{font-size:12px;line-height:1.5;color:#81899e}.alert.info{background:#15182a;border-color:#4b477a;color:#ddd9ff}.alert.info.errorish{border-color:#73374a;background:#2b121b;color:#ffc1cf}.convert:disabled,.tab:disabled{opacity:.62;cursor:not-allowed}
.serverAlert{display:flex;flex-direction:column;gap:6px}.serverAlert strong{font-size:13px}.serverAlert span{line-height:1.5}.serverAlert a{align-self:flex-start;color:#d9d3ff;font-weight:800;text-decoration:none;border-bottom:1px solid #665e94;margin-top:3px}.serverAlert a:hover{color:#fff}.convert:disabled{filter:none;box-shadow:none}
/* v1.1.3 source tabs + YouTube import */
.tabs{grid-template-columns:repeat(3,1fr)}
.youtubeSetupHint{margin:12px 2px 0}.youtubeSetupHint code{color:#aaa0ff}.youtubeNote strong{color:#ddd9ff}
@media(max-width:480px){.tab{padding:11px 6px;font-size:12px}.tabs{gap:2px}}