:root{color-scheme:dark;font-family:Tahoma,"Segoe UI",Arial,sans-serif;--bg:#0b0917;--surface:#1b1529;--stroke:#453751;--text:#f7f1ff;--muted:#b6acc8;--purple:#b994ff}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:clip}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.glow{position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(90px);opacity:.24}.glow-a{top:-180px;right:-190px;width:550px;height:500px;background:#9f64e8}.glow-b{top:650px;left:-330px;width:600px;height:430px;background:#5b3abd}.shell{position:relative;z-index:1;max-width:1110px;margin:auto;padding:0 25px}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;direction:ltr}.logo{width:46px;height:46px;display:block}.logo svg{width:100%;height:100%}.brand-title{font-weight:900;font-size:21px;letter-spacing:1.4px;line-height:1.1}.brand-title span{color:#c4a2ff}.brand-title small{display:block;color:#a99dbb;font-size:9px;letter-spacing:3.2px;font-weight:500;margin-top:7px}.site-badge{border:1px solid #584769;background:#241a35;color:#d7c3f3;border-radius:30px;direction:ltr;font-size:10px;font-weight:800;letter-spacing:1.2px;padding:12px 16px;display:flex;gap:9px;align-items:center}.site-badge span{height:7px;width:7px;box-shadow:0 0 12px #b391f9;background:#b391f9;border-radius:50%}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:345px;padding:20px 0 30px}.eyebrow{color:#b89aee;font-size:12px;font-weight:700;letter-spacing:.5px}.hero h1{font-size:clamp(37px,5vw,67px);line-height:1.45;letter-spacing:-2px;margin:13px 0 9px;font-weight:900}.hero h1 em{font-style:normal;color:#bd9bff;background:linear-gradient(125deg,#e9ccff,#a177f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{line-height:2.1;font-size:14px;max-width:520px;color:#c6bbd2;margin:0}.highlights{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;color:#d9c7f3;font-size:11px}.art{position:relative;display:grid;place-items:center;height:300px}.ring{position:absolute;border:1px solid #9571ce55;border-radius:50%;transform:rotate(-24deg)}.ring-a{width:320px;height:190px}.ring-b{width:230px;height:280px;transform:rotate(36deg)}.gem{height:164px;width:164px;position:relative;display:grid;place-items:center;background:linear-gradient(130deg,#be8dff,#8244cf 48%,#49277d);border:1px solid #e0c8ff88;box-shadow:inset 0 0 35px #ddaeff66,0 24px 90px #7d38ecaa;transform:rotate(-12deg);border-radius:42px;animation:float 6s ease-in-out infinite}.gem-shine{position:absolute;inset:12px;border:1px solid #ead6ff70;border-radius:30px}.gem-play{font-size:52px;transform:rotate(12deg);color:#f8edff;text-shadow:0 4px 15px #502570}@keyframes float{50%{transform:translateY(-11px) rotate(-8deg)}}.art-chip{position:absolute;padding:12px 16px;background:#271d3bcf;border:1px solid #745e97;border-radius:13px;color:#eee3ff;box-shadow:0 14px 30px #08041288;font-weight:800;font-size:12px;direction:ltr}.chip-a{top:25px;right:20px;transform:rotate(8deg)}.chip-a b{color:#cfafff;font-size:9px}.chip-b{bottom:22px;left:10px;transform:rotate(-9deg)}.spark{position:absolute;color:#e3c8ff}.spark-a{right:25px;bottom:34px;font-size:25px}.spark-b{left:43px;top:36px;font-size:22px}.panel{padding:30px;background:linear-gradient(160deg,#241a34 0%,#171323 62%,#14111f 100%);border-radius:27px;border:1px solid #4c3b63;box-shadow:0 25px 80px #04020888}.section-title{display:flex;gap:13px;align-items:center;margin-bottom:19px}.section-title.secondary{margin-top:34px}.section-step{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#40305f;border:1px solid #745698;color:#f2ddff;font-size:13px;direction:ltr;font-weight:800}.section-title h2{margin:0;font-size:18px}.section-title p{margin:5px 0 0;color:#aa9dbb;font-size:11px}.section-code{margin-right:auto;color:#9785a9;letter-spacing:2px;font-size:10px;direction:ltr}.source-form{display:grid;grid-template-columns:1fr 175px;gap:12px}.url-box{display:flex;align-items:center;gap:10px;min-width:0;padding:0 14px;border:1px solid #55416d;background:#100d1b;border-radius:16px;height:61px}.url-box:focus-within{border-color:#b98bff;box-shadow:0 0 0 3px #ac82ff22}.link-icon{font-size:31px;color:#a990cf}.url-box input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:#fff;padding:10px 0;font-family:"Segoe UI",Arial,sans-serif;font-size:13px}.url-box input::placeholder{color:#756987}.url-box button{background:#302341;border:1px solid #5b4277;border-radius:10px;color:#e5d0ff;padding:10px 12px;white-space:nowrap;font-size:11px}.analyze-button,.download-button{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #c49aff;background:linear-gradient(125deg,#a77afb,#7848db);color:#fff;border-radius:16px;min-height:61px;font-weight:800;font-size:14px;box-shadow:0 12px 30px #6438b550;transition:transform .15s,filter .15s}.analyze-button:hover,.download-button:hover{filter:brightness(1.12);transform:translateY(-2px)}.analyze-button:disabled{opacity:.58;cursor:wait}.status{margin-top:17px;display:flex;align-items:center;gap:9px;color:#bcb1cf;font-size:12px;min-height:25px;line-height:1.8}.status-dot{width:8px;height:8px;background:#ab8ada;border-radius:50%;flex-shrink:0;box-shadow:0 0 11px #b78ef9}.status.busy .status-dot{animation:pulse 1s ease-in-out infinite}.status.error{color:#ffb7bb}.status.error .status-dot{background:#ff8294}.status.ok{color:#b8e8c9}.status.ok .status-dot{background:#8de6b6}@keyframes pulse{50%{opacity:.2}}.preview{display:flex;gap:17px;align-items:center;background:#100e1b;border:1px solid #473757;border-radius:19px;padding:13px}.thumbnail{position:relative;width:155px;aspect-ratio:16/10;overflow:hidden;border-radius:12px;background:linear-gradient(130deg,#53327b,#1f1930);flex-shrink:0;display:grid;place-items:center}.thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.thumb-fallback{font-size:35px;color:#e5c8ff}.preview-details{min-width:0}.video-tag{color:#ac8de5;letter-spacing:1.2px;font-size:10px;font-weight:800}.preview h3{margin:8px 0 6px;font-size:17px;line-height:1.6;overflow-wrap:anywhere}.preview p{color:#aca0c1;font-size:12px;margin:0}.duration{display:inline-block;color:#e1d0f4;background:#38284e;padding:6px 9px;font-size:11px;margin-top:10px;border-radius:7px;direction:ltr}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filters button{border:1px solid #4c3b60;background:#231b31;padding:11px 17px;border-radius:11px;color:#aca0c3;font-size:12px}.filters button.active{color:#fff;background:#56387b;border-color:#a078dd}.formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:360px;overflow:auto;padding:2px;scrollbar-color:#6c4f89 transparent}.format{display:flex;flex-direction:column;align-items:stretch;text-align:right;border-radius:15px;padding:15px;background:#181323;border:1px solid #493a58;min-height:111px;gap:7px;color:var(--text)}.format:hover{border-color:#926dc1}.format[aria-checked=true]{border-color:#bb93fc;background:#38244e;box-shadow:inset 0 0 0 1px #aa80e988}.format-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;font-weight:900;direction:ltr}.format-head i{font-style:normal;color:#bd99fa}.format small{font-size:11px;color:#b8aaca;direction:ltr;text-align:left;white-space:normal;line-height:1.5}.format .type{font-size:11px;color:#d7c2ed}.empty{padding:23px;text-align:center;color:#b4a6c5;background:#171320;border-radius:13px;font-size:12px;grid-column:1/-1}.selection{display:flex;align-items:center;justify-content:space-between;color:#a99cb7;font-size:12px;margin:19px 0 13px}.selection strong{color:#f9edff;direction:ltr}.download-button{min-height:60px}.download-button.disabled{opacity:.35;pointer-events:none}.download-arrow{font-size:25px}.copy-button{width:100%;margin-top:10px;padding:11px;border:0;background:transparent;color:#b99ae7;font-size:12px}.copy-button:disabled{opacity:.35}.notice{font-size:12px;line-height:1.95;color:#c5b4d4;background:#21182e;border-right:3px solid #9370cb;border-radius:8px;margin:10px 0 0;padding:11px 13px}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:23px 0 42px}.facts article{display:flex;align-items:flex-start;gap:11px;padding:20px 15px;background:#171222;border:1px solid #3b2d4b;border-radius:17px}.fact-icon{font-size:25px;color:#b995ff;min-width:27px}.facts h3{font-size:12px;margin:2px 0 8px}.facts p{margin:0;font-size:11px;line-height:2;color:#b0a4c4}footer{border-top:1px solid #392d47;color:#9a8aac;font-size:10px;letter-spacing:1.5px;direction:ltr;display:flex;align-items:center;justify-content:space-between;padding:24px 0 31px}@media(max-width:800px){.hero{grid-template-columns:1fr .6fr}.art{height:220px}.gem{width:125px;height:125px;border-radius:30px}.gem-shine{border-radius:20px}.ring-a{width:235px;height:140px}.ring-b{width:175px;height:215px}.art-chip{font-size:10px}.hero h1{font-size:43px}.facts{grid-template-columns:1fr}.facts article{padding:16px}.facts h3{font-size:13px}}@media(max-width:580px){.shell{padding:0 17px}.topbar{height:78px}.logo{width:40px;height:40px}.brand-title{font-size:17px}.site-badge{font-size:9px;padding:9px}.hero{display:block;padding:30px 0 26px;min-height:0}.hero h1{font-size:41px;letter-spacing:-1.5px}.hero p{font-size:13px}.highlights{gap:10px 15px;margin-top:17px;font-size:10px}.art{display:none}.panel{padding:21px 15px;border-radius:22px}.section-title h2{font-size:15px}.source-form{grid-template-columns:1fr}.url-box{height:57px;padding:0 10px}.url-box input{font-size:12px}.analyze-button{min-height:55px}.preview{gap:10px}.thumbnail{width:112px}.preview h3{font-size:13px}.preview p{font-size:11px}.formats{grid-template-columns:repeat(2,minmax(0,1fr));max-height:395px}.format{min-height:105px;padding:12px}.format-head{font-size:13px}.filters button{font-size:11px;padding:9px 10px}.facts{margin-top:17px}footer{font-size:9px}.section-code{font-size:9px}.section-step{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}