:root{--color-navy:#0b1f3a;--color-blue:#2563eb;--color-blue-dark:#1d4ed8;--color-sky-soft:#eef6ff;--color-border:#dbe7f5;--color-text:#172033;--color-muted:#64748b;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#dc2626;--color-white:#fff;--color-surface:#f8fbff;--color-footer:#092846;--shadow-soft:0 18px 44px #0f346014;--shadow-card:0 14px 34px #0f346013;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--container:1120px;--header-height:76px;font-family:var(--font-sans);color:var(--color-text);background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--color-text);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 50% -8%,#2563eb14,#0000 32rem),linear-gradient(#fafbfe 0%,#fff 46%);margin:0;font-size:16px;font-weight:400;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(100% - 48px, var(--container));margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{flex:none;width:1em;height:1em;display:inline-block}.site-header{z-index:40;backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid #dbe7f5b8;position:sticky;top:0}.header-inner{min-height:var(--header-height);grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);align-items:center;gap:22px;display:grid}.brand{color:var(--color-navy);letter-spacing:0;white-space:nowrap;justify-self:start;align-items:center;gap:12px;font-size:23px;font-weight:760;line-height:1;display:inline-flex}.brand .icon{color:#3b82f6;width:36px;height:36px}.brand.inverse{color:#fff;font-size:24px}.brand.inverse .icon{width:34px;height:34px}.main-nav{justify-self:center;align-items:center;gap:32px;display:flex}.main-nav a{color:#53627a;font-size:14px;font-weight:560;line-height:1;transition:color .16s}.main-nav a:hover,.footer-column a:hover,.result-actions a:hover{color:var(--color-blue)}.header-actions{justify-self:end;align-items:center;gap:14px;display:flex}.language-switch{color:#475569;background:#f8fbff;border:1px solid #dbe7f5;border-radius:12px;max-width:150px;height:40px;padding:0 34px 0 14px;font-size:13px;font-weight:600}.outline-button{border:2px solid var(--color-blue);height:42px;color:var(--color-blue);white-space:nowrap;background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #2563eb14}.outline-button:hover{border-color:var(--color-blue-dark);color:var(--color-blue-dark);background:#f8fbff}.tool-hero{background:radial-gradient(circle at 50% -12%,#6366f117,#0000 30rem),linear-gradient(#fafbfeeb,#fffffffa);overflow:visible}.tool-hero-grid{flex-direction:column;align-items:center;gap:30px;min-height:auto;padding:48px 0 52px;display:flex}.tool-copy{text-align:center;width:min(100%,760px)}.tool-copy h1{color:#0f172a;letter-spacing:0;max-width:760px;margin:0 auto;font-size:clamp(38px,4.2vw,52px);font-weight:760;line-height:1.04}.tool-lede{color:#64748b;max-width:620px;margin:16px auto 0;font-size:16px;font-weight:400;line-height:1.55}.tool-card{width:min(100%,760px);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.download-form{grid-template-columns:minmax(0,1fr) 180px;gap:12px;margin:0;display:grid}.input-shell{background:#fff;border:1px solid #dbe7f5;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;height:62px;padding:0 12px 0 18px;transition:border-color .16s,box-shadow .16s;display:grid;box-shadow:0 16px 38px #0f346014}.input-shell:focus-within{border-color:#2563ebc7;box-shadow:0 0 0 4px #2563eb1f,0 20px 44px #0f34601c}.download-form input{color:#0f172a;background:0 0;border:0;outline:0;min-width:0;padding:0;font-size:16px;font-weight:400}.download-form input::placeholder{color:#94a3b8;opacity:1}.download-form input:focus{box-shadow:none}.input-actions{align-items:center;gap:8px;display:inline-flex}.input-action,.form-clear{border:0;border-radius:10px;min-height:34px;font-size:12px;font-weight:650}.input-action{color:var(--color-blue);background:#eff6ff;padding:0 12px}.input-action:hover{background:#dbeafe}.form-clear{color:#94a3b8;background:0 0;width:34px;padding:0;font-size:20px;line-height:1}.form-clear:hover{color:#334155;background:#eef2f7}.form-clear[hidden],.loading-status[hidden],.error-banner[hidden],.result-area[hidden],.status-panel[hidden],.thumbnail-frame[hidden]{display:none}.primary-download{color:#fff;background:var(--color-blue);white-space:nowrap;border:0;border-radius:16px;min-height:62px;font-size:16px;font-weight:700;box-shadow:0 18px 34px #2563eb3d}.primary-download:hover{background:var(--color-blue-dark)}.primary-download:disabled{cursor:wait;opacity:.72}.intro-section{padding:42px 0 0}.intro-shell{background:#fff;border:1px solid #e5eef8;border-radius:18px;padding:30px 34px;box-shadow:0 16px 40px #0f34600f}.intro-copy{max-width:860px;margin:0 auto}.intro-copy h2{color:#0f172a;text-align:center;margin:0;font-size:30px;font-weight:760;line-height:1.2}.intro-copy p{color:#475569;margin:14px 0 0;font-size:16px;font-weight:400;line-height:1.72}.error-banner{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:16px;align-items:flex-start;gap:10px;margin-top:18px;padding:14px 16px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.error-banner:before{content:"!";color:#fff;background:#f43f5e;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;font-size:14px;font-weight:760;display:inline-grid}.error-banner strong{color:#881337}.loading-status{color:#64748b;justify-items:center;gap:12px;margin-top:24px;font-size:14px;font-weight:600;display:grid}.loading-spinner{border:4px solid #dbeafe;border-top-color:var(--color-blue);border-radius:50%;width:34px;height:34px;animation:.78s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-panel{color:#94a3b8;text-align:center;background:#ffffffb8;border:1px dashed #dbe7f5;border-radius:16px;place-items:center;min-height:68px;margin-top:24px;padding:18px 20px;font-size:14px;font-weight:600;display:grid}.status-panel[data-state=success]{color:#047857;background:#f0fdf4;border-style:solid;border-color:#bbf7d0}.status-panel[data-state=warning]{color:#92400e;background:#fffbeb;border-style:solid;border-color:#fde68a}.status-panel[data-state=loading]{color:#1d4ed8;background:#eff6ff;border-style:solid;border-color:#bfdbfe}.result-area{background:#fff;border:1px solid #e5eef8;border-radius:20px;margin-top:24px;padding:22px;box-shadow:0 18px 42px #0f346014}.video-result{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:22px;display:grid}.thumbnail-frame{aspect-ratio:16/9;background:#e2e8f0;border:1px solid #e2e8f0;border-radius:16px;width:100%;position:relative;overflow:hidden}.thumbnail-frame img{object-fit:cover;width:100%;height:100%;display:block}.video-author{color:var(--color-blue);margin:0;font-size:13px;font-weight:700}.result-body h2{color:#0f172a;letter-spacing:0;margin:7px 0 0;font-size:20px;font-weight:650;line-height:1.36}.result-actions{flex-wrap:wrap;gap:14px;margin-top:12px;display:flex}.result-actions a{color:var(--color-blue);font-size:13px;font-weight:600}.download-result-panel{border-top:1px solid #e9f1fb;margin-top:20px;padding-top:18px}.download-result-panel h3{color:#0f172a;margin:0;font-size:15px;font-weight:700}.format-list{gap:12px;margin-top:12px;display:grid}.format-row{background:#f8fbff;border:1px solid #e5eef8;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.format-copy{min-width:0}.format-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.format-quality{color:#1d4ed8;background:#dbeafe;border-radius:7px;align-items:center;min-height:20px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.format-copy small{display:block}.format-copy strong{color:#1e293b;font-size:16px;font-weight:650;line-height:1.3}.format-copy small{color:#94a3b8;margin-top:2px;font-size:12px;font-weight:500}.format-actions{align-items:center;gap:10px;display:inline-flex}.format-download{box-sizing:border-box;color:#fff;background:var(--color-blue);text-overflow:ellipsis;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;width:118px;min-height:42px;margin:0;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex;overflow:hidden}.format-download:hover{background:var(--color-blue-dark)}.format-download[data-state=complete]{background:var(--color-success)}.format-download[data-state=complete]:hover{background:#15803d}.copy-download{color:#334155;background:#fff;border:1px solid #dbe7f5;border-radius:12px;min-width:88px;min-height:42px;font-size:12px;font-weight:650}.download-hint{color:#94a3b8;margin:14px 0 0;font-size:13px;line-height:1.55}.iphone-save-tip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;gap:4px;margin:14px 0 0;padding:12px 14px;display:grid}.iphone-save-tip[hidden]{display:none}.iphone-save-tip strong{color:#1e3a8a;font-size:13px;font-weight:700}.iphone-save-tip span{color:#334155;font-size:13px;font-weight:400;line-height:1.5}.processing-card{background:#fffbeb;border-color:#fde68a}.processing-card .format-quality{color:#92400e;background:#fef3c7}.how-section{padding:44px 0 0}.how-card{background:#fff;border:1px solid #dbe7f5eb;border-radius:18px;padding:34px;box-shadow:0 16px 40px #0f34600f}.how-card-header h2{color:#0f172a;margin:0;padding-left:17px;font-size:28px;font-weight:760;line-height:1.22;position:relative}.how-card-header h2:before{content:"";background:var(--color-blue);border-radius:999px;width:5px;height:26px;position:absolute;top:4px;left:0}.how-card-header p{color:#64748b;max-width:760px;margin:12px 0 0;font-size:15px;font-weight:400;line-height:1.65}.download-steps{gap:18px;margin-top:28px;display:grid}.download-step{border-top:1px solid #e9f1fb;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:18px;padding:20px 0;display:grid}.download-step:first-child{border-top:0;padding-top:0}.download-step:last-child{padding-bottom:0}.step-index{color:#fff;background:var(--color-blue);border-radius:14px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:760;display:inline-grid;box-shadow:0 12px 24px #2563eb2e}.step-body h3{color:#0f172a;margin:0;font-size:18px;font-weight:700;line-height:1.3}.step-body p{color:#475569;margin:8px 0 0;font-size:15px;font-weight:400;line-height:1.7}.share-icon{width:26px;height:26px;color:var(--color-blue);vertical-align:-7px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;place-items:center;margin:0 5px;display:inline-grid}.share-icon svg{fill:currentColor;width:17px;height:17px}.simple-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.simple-grid>div{background:#fff;border:1px solid #dbe7f5eb;border-radius:16px;padding:30px;box-shadow:0 16px 40px #0f34600f}.simple-grid h2{color:#0f172a;margin:0 0 14px;padding-left:17px;font-size:22px;font-weight:760;line-height:1.25;position:relative}.simple-grid h2:before{content:"";background:var(--color-blue);border-radius:999px;width:5px;height:24px;position:absolute;top:3px;left:0}.simple-grid>div:nth-child(2) h2:before{background:#f43f5e}.simple-grid ol,.simple-grid ul{color:#475569;margin:0;padding-left:20px;font-size:15px;font-weight:400;line-height:1.75}.guide-section{padding:52px 0 0}.guide-shell{background:#fff;border:1px solid #e9f1fb;border-radius:22px;padding:34px;box-shadow:0 16px 40px #0f34600f}.guide-shell h2{color:#0f172a;margin:0;font-size:28px;font-weight:760;line-height:1.22}.guide-shell>header>p{color:#64748b;max-width:760px;margin:12px 0 0;font-weight:400}.device-guide-grid{border-top:1px solid #e9f1fb;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;margin-top:28px;padding-top:24px;display:grid}.device-guide-card{background:#fff;border:1px solid #dbe7f5;border-radius:18px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.device-guide-visual{aspect-ratio:3/2;background:#f8fafc;border-bottom:1px solid #e9f1fb;margin:0}.device-guide-visual img{object-fit:cover;width:100%;height:100%;display:block}.device-guide-body{flex-direction:column;flex:1;padding:20px;display:flex}.device-guide-eyebrow{color:#1d4ed8;background:#eff6ff;border-radius:999px;width:fit-content;padding:5px 9px;font-size:12px;font-weight:650}.device-guide-grid h3{color:#0f172a;margin:12px 0 0;font-size:17px;font-weight:650;line-height:1.35}.device-guide-grid ol{color:#475569;margin:14px 0 0;padding-left:20px;font-size:14px;font-weight:400;line-height:1.7}.device-guide-grid li+li{margin-top:7px}.device-guide-tip{color:#475569;background:#f8fafc;border:1px solid #e9f1fb;border-radius:12px;margin:16px 0 0;padding:12px;font-size:13px;font-weight:500;line-height:1.55}.faq-section-home{padding:52px 0 0}.faq-list{background:#fff;border:1px solid #dbe7f5;border-radius:18px;max-width:860px;margin-bottom:64px;padding:28px 32px;box-shadow:0 16px 40px #0f34600f}.faq-list h2{color:#0f172a;text-align:center;margin:0 0 16px;font-size:26px;font-weight:760}.faq-list details{border-top:1px solid #e9f1fb;padding:18px 0}.faq-list details:first-of-type{border-top:0}.faq-list summary{color:#0f172a;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-weight:650;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"v";color:#94a3b8;font-size:15px;font-weight:700;transition:transform .16s}.faq-list details[open] summary:after{transform:rotate(180deg)}.faq-list p{color:#64748b;margin:10px 0 0;font-weight:400}.page-hero{background:radial-gradient(circle at 50% -12%,#2563eb14,#0000 28rem),linear-gradient(#f8fbff 0%,#fff 100%);border-bottom:1px solid #e9f1fb}.page-hero .container{padding:42px 0 44px}.page-hero.compact .container{padding-bottom:38px}.page-hero h1{max-width:760px;color:var(--color-navy);letter-spacing:0;margin:0;font-size:clamp(40px,4vw,56px);font-weight:780;line-height:1.08}.page-hero p{color:#475569;max-width:720px;margin:16px 0 0;font-size:18px;font-weight:400;line-height:1.65}.content-section{padding:44px 0 64px}.article-grid{grid-template-columns:minmax(0,840px);align-items:start;gap:28px;display:grid}.main-column{gap:24px;min-width:0;display:grid}.content-card{border:1px solid var(--color-border);box-shadow:var(--shadow-card);background:#fff;border-radius:14px;padding:30px}.content-card h2{color:#111827;margin:0;font-size:24px;font-weight:760;line-height:1.25}.content-card p{color:#475569;margin:14px 0 0;font-weight:400;line-height:1.7}.site-footer{color:#dbeafe;background:var(--color-footer);margin-top:20px;padding:46px 0 24px}.footer-grid{grid-template-columns:1.35fr repeat(3,minmax(130px,.7fr)) 1.2fr;align-items:start;gap:30px;display:grid}.footer-brand p,.newsletter p{color:#aac2dc;margin:16px 0 0;font-size:14px;font-weight:500;line-height:1.7}.social-links{gap:10px;margin-top:18px;display:flex}.social-links a{color:#dbeafe;background:#ffffff0f;border:1px solid #dbeafe38;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.footer-column,.newsletter{gap:10px;display:grid}.footer-column h2,.newsletter h2{color:#fff;margin:0 0 6px;font-size:15px;font-weight:700}.footer-column a{color:#aac2dc;font-size:14px;font-weight:500}.footer-bottom{color:#aac2dc;border-top:1px solid #dbeafe29;margin-top:34px;padding-top:20px;font-size:13px}@media (width<=980px){.header-inner{grid-template-columns:auto 1fr}.main-nav{display:none}.header-actions{justify-self:end}.simple-grid,.device-guide-grid,.footer-grid{grid-template-columns:1fr}}@media (width<=720px){.container{width:min(100% - 28px, var(--container))}.header-inner{gap:12px;min-height:68px}.brand{font-size:20px}.brand .icon{width:32px;height:32px}.language-switch{max-width:116px;padding-left:10px;font-size:12px}.outline-button.small{display:none}.tool-hero-grid{gap:24px;padding:40px 0 42px}.tool-copy h1{font-size:38px;line-height:1.08}.tool-lede{font-size:15px;line-height:1.52}.intro-section{padding-top:34px}.intro-shell{padding:22px}.intro-copy h2{font-size:25px}.intro-copy p{font-size:15px;line-height:1.65}.how-card-header h2{font-size:24px}.download-step{grid-template-columns:44px minmax(0,1fr);gap:14px}.step-index{border-radius:12px;width:38px;height:38px;font-size:16px}.download-form,.video-result,.format-row{grid-template-columns:1fr}.input-shell{height:58px;padding-left:14px}.download-form input{font-size:14px}.primary-download{min-height:58px}.result-area,.how-card,.simple-grid>div,.guide-shell,.faq-list,.content-card{padding:22px}.format-actions{grid-template-columns:1fr;width:100%;display:grid}.format-download,.copy-download{width:100%}.guide-shell h2,.faq-list h2{font-size:24px}.result-body h2{font-size:18px}}