:root{--background:#fff;--ink:#111318;--muted:#687080;--line:#e4e7ec;--line-strong:#d4d9e1;--accent:#2855f5;--accent-hover:#1744e8;--success:#18794e;--danger:#b42318}*{box-sizing:border-box}html{min-width:320px}body,html{background:var(--background)}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.5vw,72px);border-bottom:1px solid var(--line)}.brand-name{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:1.55rem;font-weight:750;letter-spacing:-.045em;text-decoration:none}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:2px solid var(--accent);border-radius:10px;color:var(--accent);font-size:1.4rem;line-height:1}.topbar p{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:.88rem}.topbar p svg{width:17px;height:17px}.hero{width:min(1260px,calc(100% - 48px));margin:0 auto;padding:clamp(78px,11vh,124px) 0 72px;text-align:center}.hero>h1{max-width:1120px;margin:0 auto;font-size:clamp(3rem,5.4vw,4.9rem);font-weight:760;letter-spacing:-.065em;line-height:1.03}.hero>p{margin:24px auto 0;color:var(--muted);font-size:clamp(1rem,1.6vw,1.24rem);line-height:1.55}.workbench{margin-top:52px}.input-group{display:grid;grid-template-columns:minmax(360px,1fr) 210px 210px;align-items:stretch;min-height:76px;border:1px solid var(--line-strong);border-radius:18px;padding:8px;background:#fff;box-shadow:0 12px 36px rgba(20,31,61,.07);transition:border-color .16s,box-shadow .16s}.input-group:focus-within{border-color:#9aaefb;box-shadow:0 0 0 4px rgba(40,85,245,.09),0 16px 40px rgba(20,31,61,.08)}.url-field{min-width:0;display:flex;align-items:center;gap:14px;padding:0 18px}.url-field svg{width:21px;height:21px;flex:none;color:#7b8494}.url-field input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:.98rem}.url-field input::placeholder{color:#929aaa}.quality-select{position:relative;display:flex;align-items:center;border-left:1px solid var(--line)}.quality-select select{width:100%;height:58px;padding:0 42px 0 22px;appearance:none;border:0;outline:0;background:transparent;color:var(--ink);cursor:pointer;font-weight:650}.quality-select svg{position:absolute;right:16px;width:17px;height:17px;pointer-events:none;color:var(--muted)}.primary-button{display:flex;min-height:58px;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;background:var(--accent);color:#fff;cursor:pointer;font-size:.92rem;font-weight:720;box-shadow:0 8px 20px rgba(40,85,245,.23);transition:background .16s,transform .16s,box-shadow .16s}.primary-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 10px 24px rgba(40,85,245,.28)}.primary-button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.primary-button svg{width:19px;height:19px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.status-region{max-width:760px;margin:0 auto;text-align:left}.status-region:empty{display:none}.error-message{margin-top:14px;padding:13px 16px;border:1px solid #f2b8b5;border-radius:11px;background:#fff6f5;color:var(--danger);font-size:.86rem}.result-panel{margin-top:14px;padding:16px;border:1px solid #acd7c1;border-radius:12px;background:#f4fbf7}.result-title{display:flex;align-items:center;gap:8px;color:var(--success);font-size:.9rem;font-weight:700}.result-title svg{width:18px}.result-list{display:grid;gap:8px;margin-top:12px}.download-link{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border:0;border-radius:9px;background:var(--success);color:#fff;cursor:pointer;font-size:.84rem;font-weight:700;text-align:left;text-decoration:none}.download-link:disabled{cursor:progress;opacity:.78}.download-link svg{width:17px;flex:none}.result-panel>p{margin:9px 0 0;color:#4f6d5c;font-size:.75rem}.preview-video{display:block;width:100%;max-height:360px;margin-top:10px;border-radius:9px;background:#111827;object-fit:contain}.preview-fallback,.preview-loading{margin:10px 0 0;padding:12px 14px;border-radius:9px;background:#eef1f7;color:#68748b;font-size:.78rem}.preview-toggle{min-height:40px;display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:0 14px;border:1px solid #cfdbd3;border-radius:9px;background:#fff;color:#3f5a4b;cursor:pointer;font-size:.8rem;font-weight:600}.preview-toggle svg{width:17px;flex:none}.notice-message{margin-top:14px;padding:13px 16px;border:1px solid #f0d8a6;border-radius:11px;background:#fffaef;color:#8a6412;font-size:.82rem}.platforms{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px;color:var(--muted);font-size:.8rem}.platforms>span{font-weight:600}.platforms ul{display:flex;align-items:center;gap:18px;margin:0;padding:0;list-style:none}.platforms li{position:relative;color:#4c5360;font-weight:600}.platforms a{text-decoration:none}.platforms a:hover{color:var(--accent-purple);text-decoration:underline;text-underline-offset:3px}.platforms li:not(:last-child):after{content:"";position:absolute;top:50%;right:-10px;width:3px;height:3px;border-radius:50%;background:#b8bec8}footer{width:calc(100% - clamp(48px,9vw,144px));margin:0 auto;padding:26px 0 30px;border-top:1px solid var(--line);text-align:center}.owner{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin:0;font-size:.84rem}.owner,.owner a{align-items:center}.owner a{display:inline-flex;gap:6px;color:var(--accent);font-weight:650;text-decoration:none}.owner a:hover{text-decoration:underline;text-underline-offset:3px}.owner svg{width:16px;height:16px}.legal{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;margin:13px 0 0;color:var(--muted);font-size:.74rem}.legal a{color:var(--accent-purple);font-weight:650;text-decoration:none}.legal a:hover{text-decoration:underline;text-underline-offset:3px}@media (max-width:840px){.hero{width:min(100% - 32px,680px);padding-top:72px}.input-group{grid-template-columns:1fr 176px}.url-field{grid-column:1/-1;min-height:62px;border-bottom:1px solid var(--line)}.quality-select{border-left:0}.platforms{align-items:center;flex-direction:column;gap:10px}.platforms ul{flex-wrap:wrap;justify-content:center}}@media (max-width:560px){.topbar{height:72px;padding:0 18px}.brand-name{font-size:1.28rem}.brand-mark{width:32px;height:32px;border-radius:9px}.topbar p{font-size:0}.topbar p svg{width:19px;height:19px}.hero{padding:62px 0 54px}.hero>h1{font-size:clamp(2.65rem,13vw,3.5rem)}.hero>p{max-width:320px;margin-top:18px;font-size:.98rem}.workbench{margin-top:38px}.input-group{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:16px}.url-field{min-height:58px;padding:0 12px;border-bottom:1px solid var(--line)}.url-field input{font-size:.92rem}.quality-select{min-height:50px;border:1px solid var(--line);border-radius:10px}.quality-select select{height:50px;padding-left:14px}.primary-button{min-height:54px}.platforms ul{gap:12px 16px}.platforms li:not(:last-child):after{right:-9px}footer{width:calc(100% - 36px);padding-bottom:24px}.owner{gap:10px 14px}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}.seo-shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:#fbfbfe}.article-page,.seo-main{width:min(960px,calc(100% - 40px));margin:0 auto;padding:44px 0 68px}.breadcrumbs{display:flex;align-items:center;gap:9px;margin-bottom:34px;color:#8b94a7;font-size:.78rem}.breadcrumbs a{color:#7354d5;font-weight:650;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:3px}.seo-hero{text-align:center}.eyebrow{margin:0 0 12px;color:#7650d7;font-size:.75rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.article-page h1,.seo-hero h1{margin:0;color:#4a5875;font-size:clamp(2.1rem,5vw,3.45rem);font-weight:720;letter-spacing:-.055em;line-height:1.08}.seo-hero>p:not(.eyebrow){max-width:720px;margin:16px auto 0;color:#737f96;font-size:1.02rem;line-height:1.7}.seo-hero .workbench{max-width:720px;margin:34px auto 0}.seo-content{display:grid;gap:20px;margin-top:46px}.article-section,.seo-content section{padding:27px 30px;border:1px solid #e4e3ec;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(69,75,120,.05)}.article-section h2,.seo-content h2{margin:0 0 13px;color:#4a5875;font-size:1.2rem;letter-spacing:-.025em}.article-section p,.seo-content li,.seo-content p{color:#707b90;font-size:.92rem;line-height:1.75}.seo-content p{margin:10px 0 0}.seo-content ol{margin:0;padding-left:22px}.seo-content li+li{margin-top:7px}.platform-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.platform-link-grid a{padding:12px 14px;border:1px solid #e4e0f4;border-radius:10px;background:#faf9ff;color:#6d51c6;font-size:.83rem;font-weight:700;text-align:center;text-decoration:none}.platform-link-grid a:hover{border-color:#c8bced;background:#f3efff}.article-page{width:min(820px,calc(100% - 40px))}.article-lead,.article-page h1{max-width:720px}.article-lead{margin:18px 0 34px;color:#737f96;font-size:1.04rem;line-height:1.75}.step-list{display:grid;gap:13px;margin:0 0 34px;padding:0;list-style:none;counter-reset:steps}.step-list li{position:relative;display:grid;gap:5px;min-height:86px;padding:19px 22px 19px 70px;border:1px solid #e4e3ec;border-radius:14px;background:#fff;counter-increment:steps}.step-list li:before{content:counter(steps);position:absolute;left:20px;top:20px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#fc6b69,#7650d7);color:#fff;font-weight:800}.step-list strong{color:#4a5875;font-size:.96rem}.step-list span{color:#737f96;font-size:.87rem;line-height:1.6}.article-section{margin-top:16px}.article-section p{margin:0}.article-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:28px;padding:0 20px;border-radius:10px;background:linear-gradient(100deg,#ff6161,#f85a65);color:#fff;font-size:.88rem;font-weight:750;text-decoration:none;box-shadow:0 8px 18px rgba(249,91,99,.2)}.article-cta:hover{background:linear-gradient(100deg,#f4565c,#e74d5a)}@media (max-width:680px){.article-page,.seo-main{width:min(100% - 28px,960px);padding:25px 0 38px}.breadcrumbs{margin-bottom:24px}.article-page h1,.seo-hero h1{font-size:2rem}.article-lead,.seo-hero>p:not(.eyebrow){font-size:.9rem}.seo-hero .workbench{margin-top:24px}.seo-content{margin-top:28px}.article-section,.seo-content section{padding:21px 18px}.platform-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--accent:#fb5c63;--accent-purple:#7450d8}body{background:#fbfbfe;color:#4d5b78}.page-shell{min-height:100dvh;background:radial-gradient(circle at 50% 45%,#fff 0,#fbfbfe 68%)}.topbar{height:78px;padding:0 clamp(24px,7vw,112px);border-bottom:0}.brand-name{gap:9px;color:#4b5874;font-size:1.45rem}.brand-name b,.brand-name em{font-style:normal;background:linear-gradient(100deg,#fa5b63 10%,#7450d8 88%);background-clip:text;-webkit-background-clip:text;color:transparent}.brand-mark{position:relative;width:35px;height:35px;border:0;border-radius:11px;background:linear-gradient(145deg,#fc6b69,#7650d7);color:#fff;box-shadow:0 7px 16px rgba(116,80,216,.2)}.brand-play{font-size:.92rem;transform:translate(-1px,-1px)}.brand-arrow{position:absolute;right:2px;bottom:-7px;font-size:1.35rem;line-height:1;color:#7650d7;text-shadow:0 2px 4px #fff}.topbar p{color:#8993a8;font-size:.82rem}.topbar p svg{color:#7a62d4}.site-controls,.topbar-actions{display:flex;align-items:center;gap:12px}.language-switcher{display:flex;align-items:center;padding:3px;border:1px solid #e0e1ea;border-radius:9px;background:rgba(255,255,255,.72)}.language-switcher a{min-width:31px;padding:5px 7px;border-radius:6px;color:#8b94a7;font-size:.68rem;font-weight:750;text-align:center;text-decoration:none}.language-switcher a.active{background:#fff;color:#7450d8;box-shadow:0 2px 7px rgba(69,75,120,.12)}.theme-toggle{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #e0e1ea;border-radius:9px;background:rgba(255,255,255,.72);color:#6f7890;cursor:pointer}.theme-toggle:hover{border-color:#c9bced;color:#7450d8}.theme-toggle svg{width:16px;height:16px}.hero{width:min(650px,calc(100% - 32px));padding:clamp(44px,8vh,92px) 0 54px}.hero-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:17px}.hero-mark{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#fc6b69,#7650d7);color:#fff;font-size:1.2rem;box-shadow:0 8px 18px rgba(116,80,216,.18)}.hero-mark b{position:absolute;right:-6px;bottom:-10px;color:#7650d7;font-size:1.65rem;line-height:1;text-shadow:0 2px 3px #fff}.hero-brand strong{font-size:2.08rem;letter-spacing:-.06em}.hero-brand em,.hero-brand i{font-style:normal;background:linear-gradient(100deg,#fa5b63 15%,#7450d8 86%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero>h1{color:#4a5875;font-size:clamp(2rem,4vw,2.42rem);font-weight:650;letter-spacing:-.045em;line-height:1.1}.hero>p{margin-top:13px;color:#7e899f;font-size:1rem}.workbench{margin-top:35px;padding:28px 33px 35px;border:1px solid #e2e1e9;border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 18px 42px rgba(69,75,120,.12)}.input-group{display:flex;flex-direction:column;gap:18px;min-height:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.input-group:focus-within{border:0;box-shadow:none}.url-field{min-height:66px;padding:0 13px 0 17px;gap:13px;border:2px solid #7953e5;border-radius:11px;background:#fff;box-shadow:0 0 0 1px rgba(121,83,229,.07)}.url-field svg{color:#8c96aa;width:19px}.url-field input{height:58px;color:#4d5872;font-size:.95rem}.url-field input::placeholder{color:#a8aec0}.paste-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 15px;border:1px solid #e1dafa;border-radius:9px;background:#faf9ff;color:#7354d5;cursor:pointer;font-size:.84rem;font-weight:700;white-space:nowrap}.paste-button:hover:not(:disabled){background:#f2efff}.paste-button svg{width:17px;height:17px}.quality-select{align-self:flex-start;width:220px;min-height:52px;border:1px solid #e1e3ea;border-radius:10px;background:#fff}.quality-select select{height:50px;padding-left:16px;color:#303744;font-size:.9rem;font-weight:600}.quality-select svg{right:14px}.primary-button{width:100%;min-height:60px;border-radius:10px;background:linear-gradient(100deg,#ff6161,#f85a65);box-shadow:0 8px 18px rgba(249,91,99,.2);font-size:1rem}.primary-button:hover:not(:disabled){background:linear-gradient(100deg,#f4565c,#e74d5a);box-shadow:0 10px 22px rgba(249,91,99,.28)}.platforms{margin-top:25px;color:#a1a8b8;font-size:.74rem}.platforms ul{gap:15px}.platforms li{color:#7c8496;font-size:.77rem}footer{width:calc(100% - 48px);padding-top:20px;border-top:0}.owner{color:#8992a5;font-size:.78rem}.legal{color:#a2a9b8}@media (max-width:560px){.topbar{height:60px;padding:0 18px}.topbar p{display:none}.site-controls,.topbar-actions{gap:7px}.language-switcher a{min-width:28px;padding:4px 5px}.theme-toggle{width:31px;height:31px}.hero{padding-top:23px;padding-bottom:20px}.hero-brand{margin-bottom:10px}.hero-brand strong{font-size:1.62rem}.hero-mark{width:36px;height:36px;border-radius:10px;font-size:1rem}.hero>h1{font-size:1.72rem}.hero>p{margin-top:8px;font-size:.86rem}.workbench{margin-top:18px;padding:14px 13px 16px}.input-group{gap:10px}.url-field{align-items:center;min-height:74px;flex-wrap:wrap;gap:0 8px;padding:5px 8px 5px 10px}.url-field input{width:calc(100% - 30px);height:32px;font-size:.84rem}.paste-button{margin-left:auto;height:31px;padding:0 11px;font-size:.76rem}.quality-select{width:100%;min-height:42px}.quality-select select{height:40px;font-size:.82rem}.primary-button{min-height:47px;font-size:.88rem}.platforms{margin-top:13px;gap:7px}footer{padding-top:7px;padding-bottom:11px}.legal{margin-top:6px;font-size:.67rem}}html[data-theme=dark]{--background:#0d1018;--ink:#f3f5fb;--muted:#9aa4b8;--line:#282d3b;--line-strong:#353b4c;--success:#42bd82;--danger:#ff8b84}html[data-theme=dark] body{background:#0d1018;color:#d8deeb}html[data-theme=dark] .page-shell{background:radial-gradient(circle at 50% 42%,#191c2a 0,#0d1018 68%)}html[data-theme=dark] .seo-shell{background:#0d1018}html[data-theme=dark] .brand-name{color:#e8ebf3}html[data-theme=dark] .brand-arrow,html[data-theme=dark] .hero-mark b{text-shadow:0 2px 3px #0d1018}html[data-theme=dark] .hero>p,html[data-theme=dark] .legal,html[data-theme=dark] .owner,html[data-theme=dark] .platforms,html[data-theme=dark] .topbar p{color:#99a3b7}html[data-theme=dark] .article-page h1,html[data-theme=dark] .article-section h2,html[data-theme=dark] .hero>h1,html[data-theme=dark] .seo-content h2,html[data-theme=dark] .seo-hero h1,html[data-theme=dark] .step-list strong{color:#e4e8f2}html[data-theme=dark] .article-section,html[data-theme=dark] .seo-content section,html[data-theme=dark] .step-list li,html[data-theme=dark] .workbench{border-color:#2d3342;background:rgba(21,25,37,.96);box-shadow:0 18px 42px rgba(0,0,0,.22)}html[data-theme=dark] .quality-select,html[data-theme=dark] .url-field{background:#111521;border-color:#5f4bc0}html[data-theme=dark] .quality-select{border-color:#333949}html[data-theme=dark] .quality-select select,html[data-theme=dark] .url-field input{color:#eef1f8}html[data-theme=dark] .quality-select option{background:#111521;color:#eef1f8}html[data-theme=dark] .language-switcher,html[data-theme=dark] .paste-button,html[data-theme=dark] .theme-toggle{border-color:#343a4b;background:#171b29;color:#b9addf}html[data-theme=dark] .language-switcher a.active,html[data-theme=dark] .paste-button:hover:not(:disabled){background:#242033;color:#c6b8f3}html[data-theme=dark] .language-switcher a{color:#8f99ad}html[data-theme=dark] .platforms li{color:#aab2c3}html[data-theme=dark] .error-message{border-color:#633b3d;background:#28191d}html[data-theme=dark] .result-panel{border-color:#315f4a;background:#12251d}html[data-theme=dark] .result-panel>p{color:#9fcbb3}html[data-theme=dark] .preview-fallback,html[data-theme=dark] .preview-loading{background:#1b2030;color:#aab3c6}html[data-theme=dark] .preview-toggle{border-color:#315f4a;background:#16281f;color:#9fcbb3}html[data-theme=dark] .notice-message{border-color:#6a5628;background:#2a2417;color:#e0c78a}html[data-theme=dark] .article-lead,html[data-theme=dark] .article-section p,html[data-theme=dark] .breadcrumbs,html[data-theme=dark] .seo-content li,html[data-theme=dark] .seo-content p,html[data-theme=dark] .seo-hero>p:not(.eyebrow),html[data-theme=dark] .step-list span{color:#a2adc1}html[data-theme=dark] .platform-link-grid a{border-color:#3b3454;background:#1c1928;color:#b9a8ef}html[data-theme=dark] .platform-link-grid a:hover{border-color:#675995;background:#252037}