:root{--purple:#7c3aed;--purple2:#9b6cff;--yellow:#ede539;--orange:#ffb52e;--bg:#06070b;--panel:#10121a;--panel2:#151824;--text:#f8f8fb;--muted:#9699aa;--line:#ffffff1a;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:#06070b;margin:0}button,input{font:inherit}.ui-icon,.platform-svg{flex:none;width:1em;height:1em;display:block}.app-shell{background:radial-gradient(circle at 50% 0,#7c3aed38,#0000 31%),radial-gradient(circle at 10% 35%,#ede53912,#0000 22%),linear-gradient(#07080d 0%,#080910 52%,#05060a 100%);min-height:100vh;position:relative;overflow:hidden}.app-shell.light{--bg:#f7f7fa;--panel:#fff;--panel2:#f1f1f5;--text:#14151a;--muted:#666a78;--line:#0000001a;color:#14151a;background:#f7f7fa}.app-shell.light .topbar{background:#ffffffc7}.app-shell.light .tool-card{flex:none;width:1em;height:1em;display:block}.glass-3d{background:#ffffffc2}.app-shell.light .url-row{background:#f3f3f7}.app-shell.light .nav a,.app-shell.light .url-row input{color:#222}.app-shell.light .nav a:not(.active){color:#626675}.app-shell.light .platform strong,.app-shell.light h2{color:#17181d}.ambient{filter:blur(5px);pointer-events:none;opacity:.8;border-radius:50%;position:absolute}.ambient-one{background:#7c3aed47;width:220px;height:220px;top:180px;left:-100px;box-shadow:0 0 140px #7c3aed8c}.ambient-two{background:#ede53921;width:180px;height:180px;top:420px;right:-70px;box-shadow:0 0 120px #ede53959}.ambient-three{background:#ffb52e14;width:140px;height:140px;top:900px;left:18%;box-shadow:0 0 100px #ffb52e4d}.glass-3d{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#181b27eb,#0b0d13e6);border:1px solid #ffffff1c;box-shadow:0 24px 70px #0000006b,inset 0 1px #ffffff14}.topbar{z-index:50;border-radius:20px;justify-content:space-between;align-items:center;max-width:1400px;height:70px;margin:12px auto 0;padding:0 18px 0 20px;display:flex;position:sticky;top:12px}.brand{align-items:center;width:184px;height:54px;text-decoration:none;display:flex}.brand img{object-fit:contain;object-position:center;width:180px;height:52px}.nav{align-items:center;gap:27px;display:flex}.nav a{color:#c9cad5;font-size:13px;font-weight:600;text-decoration:none;position:relative}.nav a:hover,.nav a.active{color:#fff}.nav a.active:after{content:"";background:var(--purple2);width:6px;height:6px;box-shadow:0 0 15px var(--purple2);border-radius:50%;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.theme-btn{border:1px solid var(--line);color:#fff;cursor:pointer;background:linear-gradient(145deg,#1b1d28,#0e1016);border-radius:14px;place-items:center;width:44px;height:44px;font-size:18px;display:grid;box-shadow:0 10px 24px #00000047}.hero{text-align:center;max-width:1320px;margin:auto;padding:75px 24px 45px;position:relative}.hero-copy{z-index:3;position:relative}.hero-badge{color:#e7e5b4;background:#ede5390f;border:1px solid #ede53938;border-radius:999px;align-items:center;gap:9px;padding:9px 14px;font-size:11px;display:inline-flex;box-shadow:0 0 30px #ede53912}.hero-badge span{background:var(--yellow);width:7px;height:7px;box-shadow:0 0 14px var(--yellow);border-radius:50%}h1{letter-spacing:-6px;text-shadow:0 10px 45px #00000059;margin:24px 0 18px;font-size:clamp(58px,7.8vw,106px);font-weight:950;line-height:.92}h1 em{background:linear-gradient(90deg,#8e5bff,#b58bff);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-copy>p{color:var(--muted);margin:0 auto 28px;font-size:17px}.hero-visual{z-index:2;max-width:650px;height:240px;margin:0 auto -18px;position:relative}.mascot{filter:drop-shadow(0 35px 45px #000000a6);object-fit:contain;width:auto;height:420px;position:absolute;top:-30px;right:50%;transform:translate(50%)}.hero-orb{filter:blur(1px);opacity:.95;border-radius:50%;position:absolute}.orb-purple{background:radial-gradient(circle at 35% 30%,#b48cff,#7c3aed 55%,#3b176e);width:95px;height:95px;top:55px;left:8%;box-shadow:0 0 50px #7c3aed8c}.orb-yellow{background:radial-gradient(circle at 35% 30%,#fff98d,#ede539 58%,#9d9510);width:55px;height:55px;top:95px;right:12%;box-shadow:0 0 35px #ede53952}.tool-card{z-index:5;text-align:left;border-radius:28px;max-width:1180px;margin:0 auto;padding:15px;position:relative;box-shadow:0 35px 100px #0000007a,inset 0 1px #ffffff1a}.url-row{background:linear-gradient(#11141d,#0a0c11);border:1px solid #ffffff14;border-radius:19px;align-items:center;gap:13px;height:72px;padding:0 14px;display:flex;box-shadow:inset 0 2px 10px #00000052}.link-icon{color:#fff;background:linear-gradient(145deg,#874cff,#5e1dd1);border-radius:13px;place-items:center;width:42px;height:42px;font-size:19px;display:grid;box-shadow:0 8px 20px #7c3aed59}.url-row input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}.url-row input::placeholder{color:#666a77}.paste-btn{border:1px solid var(--line);color:#d4d5dc;cursor:pointer;background:#1a1d27;border-radius:11px;padding:10px 14px}.action-row{justify-content:flex-end;gap:10px;padding-top:11px;display:flex}.format-picker{position:relative}.format-btn,.download-btn{cursor:pointer;border-radius:15px;height:54px}.format-btn{color:#fff;text-align:left;background:linear-gradient(145deg,#1b1e2a,#0d0f15);border:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-width:175px;padding:0 17px;display:flex;box-shadow:inset 0 1px #ffffff0f,0 10px 25px #00000040}.format-btn small{color:#777b88;letter-spacing:1.2px;margin-bottom:3px;font-size:9px;display:block}.format-btn svg{color:var(--yellow)}.download-btn{color:#fff;background:linear-gradient(145deg,#8a49ff,#5b19d7);border:1px solid #ffffff1a;align-items:center;gap:9px;padding:0 28px;font-weight:850;transition:all .2s;display:flex;box-shadow:0 13px 30px #7c3aed57,inset 0 1px #ffffff3d}.download-btn:hover,.result-download:hover{transform:translateY(-2px);box-shadow:0 17px 35px #7c3aed6b}.format-menu{z-index:30;border-radius:18px;width:250px;max-height:440px;padding:7px;position:absolute;bottom:63px;right:0;overflow:auto}.format-menu button{text-align:left;color:#d8d9e0;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;display:flex}.format-menu button:hover,.format-menu .selected{color:#fff;background:#7c3aed38}.format-menu button b{color:#a8e6a4;font-size:9px;font-weight:600}.menu-title{color:#747886;text-transform:uppercase;letter-spacing:1.3px;padding:11px 12px 5px;font-size:9px}.copyright-note{color:#7f8391;justify-content:center;align-items:center;gap:7px;padding:12px 5px 2px;font-size:10px;display:flex}.copyright-note svg{color:var(--purple2)}.result-card{text-align:left;z-index:5;border-radius:21px;align-items:center;gap:16px;max-width:1180px;margin:16px auto 0;padding:13px;display:flex;position:relative}.thumb{background:linear-gradient(135deg,#30224d,#151722);border-radius:13px;flex:none;place-items:center;width:105px;height:68px;display:grid;box-shadow:inset 0 1px #ffffff1a}.thumb span{background:var(--yellow);color:#111;border-radius:50%;place-items:center;width:34px;height:34px;padding-left:2px;font-size:11px;display:grid}.result-info{flex:1}.detected{color:#a8e6a4;align-items:center;gap:4px;font-size:11px;display:flex}.result-info h3{margin:5px 0 3px;font-size:16px}.result-info p{color:var(--muted);margin:0;font-size:12px}.result-download{color:#fff;cursor:pointer;background:linear-gradient(145deg,#8a49ff,#5b19d7);border:0;border-radius:13px;align-items:center;gap:7px;height:45px;padding:0 19px;font-weight:800;display:flex}.ad-slot{color:#666a77;letter-spacing:.8px;background:#ffffff05;border:1px dashed #ffffff29;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;max-width:970px;min-height:90px;margin:35px auto 0;font-size:11px;display:flex}.ad-slot small{color:#4f5360;margin-top:4px;font-size:9px}.platform-section,.formats-section,.faq{max-width:1260px;margin:0 auto;padding:72px 24px}.section-heading{justify-content:space-between;align-items:end;gap:25px;display:flex}.section-heading.center{align-items:center}.section-heading>p{text-align:right;max-width:430px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.section-kicker{letter-spacing:2px;color:var(--purple2);align-items:center;gap:7px;margin-bottom:10px;font-size:10px;font-weight:850;display:flex}.section-kicker svg{width:1em;height:1em;font-size:14px}h2{letter-spacing:-2.2px;margin:0;font-size:42px;font-weight:900}h2 span{color:var(--purple2)}.platforms{grid-template-columns:repeat(6,1fr);gap:14px;margin-top:30px;display:grid}.platform{border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:118px;transition:transform .2s,box-shadow .2s;display:flex}.platform:hover{transform:translateY(-7px)rotateX(2deg);box-shadow:0 25px 55px #00000073,0 0 35px #7c3aed1f}.platform-icon{width:53px;height:53px;color:var(--icon-color);background:linear-gradient(145deg,#222634,#0d0f16);border-radius:16px;place-items:center;font-size:28px;display:grid;box-shadow:inset 0 1px #ffffff1c,0 12px 24px #00000059}.platform strong{color:#d8d9e2;font-size:11px}.format-panels{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}.format-panel{border-radius:24px;min-height:210px;padding:25px}.panel-title{align-items:center;gap:9px;margin-bottom:18px;font-size:17px;font-weight:800;display:flex}.panel-title svg{color:var(--purple2);width:1em;height:1em;font-size:22px}.format-chips{flex-wrap:wrap;gap:10px;display:flex}.format-chips button{color:#d8d9e0;cursor:pointer;background:linear-gradient(145deg,#1a1d29,#0e1017);border:1px solid #ffffff17;border-radius:12px;padding:11px 15px;box-shadow:0 8px 18px #0003}.format-chips button:hover,.format-chips button.active{color:#fff;background:linear-gradient(145deg,#7c3aed,#5520bd);border-color:#ffffff29;box-shadow:0 10px 22px #7c3aed47}.features{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1260px;margin:0 auto;padding:5px 24px 72px;display:grid}.feature{border-radius:20px;min-height:170px;padding:25px;transition:all .2s}.feature:hover{transform:translateY(-5px)}.feature>svg{color:var(--yellow);margin-bottom:22px;font-size:27px}.feature b{margin-bottom:8px;font-size:15px;display:block}.feature span{color:var(--muted);font-size:12px;line-height:1.7}.faq h2{margin-bottom:30px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:750}.faq details p{max-width:850px;font-size:13px;line-height:1.7}.company-credit{max-width:1260px;margin:0 auto;padding:10px 24px 75px}.company-credit-inner{text-align:center;border-radius:24px;justify-content:center;align-items:center;gap:22px;padding:22px 28px;display:flex}.company-credit-inner img{object-fit:contain;border-radius:16px;width:76px;height:76px;box-shadow:0 12px 30px #00000059}.company-credit-inner small{color:#a7a9b4;margin-bottom:5px;font-size:11px;display:block}.company-credit-inner a{color:var(--purple2);font-size:17px;font-weight:900;text-decoration:none;display:block}.company-credit-inner a:hover{text-decoration:underline}.company-credit-inner span{color:#d8d9e2;margin-top:4px;font-size:11px;display:block}.footer{border-top:1px solid var(--line);background:#0304088c;padding:38px max(24px,5vw) 25px}.footer-main{justify-content:space-between;align-items:center;gap:30px;max-width:1260px;margin:auto;display:flex}.footer-brand img{object-fit:contain;width:180px;height:52px}.footer-brand small{color:var(--muted);margin-top:-5px;font-size:10px;display:block}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:19px;display:flex}.footer-links a{color:#9b9eaa;font-size:11px;text-decoration:none}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);color:#5f626d;justify-content:space-between;gap:15px;max-width:1260px;margin:25px auto 0;padding-top:18px;font-size:10px;display:flex}.footer-bottom a{color:var(--purple2);text-decoration:none}@media (width<=1050px){.nav{gap:16px}.nav a{font-size:11px}.platforms{grid-template-columns:repeat(4,1fr)}.features{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.topbar{border-radius:16px;height:64px;margin-top:8px;top:8px}.nav{display:none}.brand{width:170px}.brand img{width:165px}.hero{padding-top:55px}.hero-visual{height:205px}.mascot{height:350px;top:-5px}.hero-orb{display:none}.section-heading{display:block}.section-heading>p{text-align:left;margin-top:12px}.format-panels,.features{grid-template-columns:1fr}.platforms{grid-template-columns:repeat(3,1fr)}.company-credit-inner{flex-direction:column}.footer-main,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{justify-content:flex-start}}@media (width<=560px){.hero{padding-left:14px;padding-right:14px}.hero-badge{font-size:9px}h1{letter-spacing:-4px;font-size:55px}.hero-copy>p{font-size:14px}.hero-visual{height:170px}.mascot{height:285px;top:10px}.tool-card{border-radius:20px;padding:10px}.url-row{height:61px}.paste-btn{display:none}.action-row{flex-direction:column}.format-picker,.download-btn{width:100%}.format-menu{width:100%;left:0;right:auto}.platforms{grid-template-columns:repeat(2,1fr)}h2{font-size:33px}.format-chips button{padding:9px 11px;font-size:11px}.ad-slot{margin-left:10px;margin-right:10px}.result-card{flex-wrap:wrap}.result-download{justify-content:center;width:100%}.company-credit{padding-left:14px;padding-right:14px}}.error-card{color:#ffb5b5;text-align:left;background:#78141e29;border:1px solid #ff5a5a47;border-radius:14px;max-width:1180px;margin:12px auto 0;padding:13px 16px;font-size:12px}.download-btn:disabled,.result-download:disabled{opacity:.65;cursor:wait;transform:none}.result-download{transition:all .2s}.result-download:disabled:hover{transform:none}