:root{--color-navy:#10271a;--color-brand:#16a34a;--color-brand-dark:#15803d;--color-brand-strong:#166534;--color-brand-soft:#f0fdf4;--color-brand-muted:#dcfce7;--color-brand-border:#bbf7d0;--color-border:#d9e8de;--color-text:#172033;--color-muted:#64748b;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#dc2626;--color-white:#fff;--color-surface:#f7fbf8;--color-footer:#0a2818;--shadow-soft:0 18px 44px #14532d14;--shadow-card:0 14px 34px #14532d13;--font-sans:Inter, "Noto Sans Arabic", "Noto Sans Devanagari", "Noto Sans CJK SC", "Microsoft YaHei", "PingFang SC", "Yu Gothic", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--container:1200px;--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%,#22c55e17,#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 #d9e8deb8;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{width:36px;height:36px;color:var(--color-brand)}.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;padding:29px 0 27px;font-size:14px;font-weight:560;line-height:1;transition:color .16s;position:relative}.main-nav a:hover,.footer-column a:hover,.result-actions a:hover{color:var(--color-brand)}.main-nav a[aria-current=page],.mobile-nav a[aria-current=page]{color:var(--color-brand-dark);font-weight:700}.main-nav a[aria-current=page]:after{content:"";inset-inline:16%;background:var(--color-brand);border-radius:999px;height:3px;position:absolute;bottom:18px}.header-actions{justify-self:end;align-items:center;gap:14px;display:flex}.language-control{align-items:center;display:inline-flex;position:relative}.language-toggle,.header-icon-button{border:1px solid var(--color-border);color:#475569;background:var(--color-surface);border-radius:12px;justify-content:center;align-items:center;height:40px;display:inline-flex}.language-toggle{gap:9px;min-width:150px;padding:0 12px}.language-toggle:hover,.header-icon-button:hover,.language-toggle:focus-visible,.header-icon-button:focus-visible{color:var(--color-brand-dark);border-color:#8fbf9f}.language-toggle .language-icon{width:17px;height:17px;position:static}.language-label{text-overflow:ellipsis;white-space:nowrap;max-width:116px;font-size:13px;font-weight:650;overflow:hidden}.language-chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;margin-inline-start:auto;transition:transform .16s;transform:translateY(-2px)rotate(45deg)}.language-toggle[aria-expanded=true] .language-chevron{transform:translateY(2px)rotate(225deg)}.language-popover{z-index:42;border:1px solid var(--color-border);background:#fff;border-radius:14px;width:220px;max-height:min(420px,100vh - 100px);padding:8px;position:absolute;top:calc(100% - 8px);right:58px;overflow-y:auto;box-shadow:0 20px 50px #14532d2e}.language-popover:not([hidden]){display:grid}.language-popover[hidden]{display:none}.language-option{color:#475569;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:600}.language-option:hover,.language-option[aria-current=page]{color:var(--color-brand-dark);background:var(--color-brand-soft)}.header-icon-button{flex:0 0 40px;width:40px;padding:0}.header-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.theme-icon-sun,html[data-theme=dark] .theme-icon-moon{display:none}html[data-theme=dark] .theme-icon-sun{display:block}.language-icon{z-index:1;color:#64748b;fill:none;stroke:currentColor;stroke-width:1.7px;pointer-events:none;width:17px;height:17px;position:absolute;left:13px}.language-switch{border:1px solid var(--color-border);color:#475569;background:var(--color-surface);text-align:left;border-radius:12px;width:184px;max-width:100%;height:40px;padding-block:0;padding-inline:38px 34px;font-size:13px;font-weight:600}.language-picker{display:inline-flex}.menu-toggle{border:1px solid var(--color-border);color:#475569;background:var(--color-surface);border-radius:12px;place-items:center;width:40px;height:40px;padding:0;display:none}.header-icon-button.menu-toggle{display:none}.menu-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:21px;height:21px}.menu-toggle:hover,.menu-toggle:focus-visible{color:var(--color-brand-dark);border-color:#8fbf9f}.mobile-nav{display:none}.outline-button{border:2px solid var(--color-brand);height:42px;color:var(--color-brand);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 #16a34a14}.outline-button:hover{border-color:var(--color-brand-dark);color:var(--color-brand-dark);background:var(--color-surface)}.tool-hero{background:radial-gradient(circle at 50% -12%,#22c55e17,#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{border:1px solid var(--color-border);background:#fff;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;height:62px;padding-block:0;padding-inline:18px 12px;transition:border-color .16s,box-shadow .16s;display:grid;box-shadow:0 16px 38px #14532d14}.input-shell:focus-within{border-color:#16a34ac7;box-shadow:0 0 0 4px #16a34a1f,0 20px 44px #14532d1c}.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:#64748b;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-brand);background:var(--color-brand-soft);padding:0 12px}.input-action:hover{background:var(--color-brand-muted)}.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],.video-result[hidden],.status-panel[hidden],.post-download-extension-offer[hidden],.unsupported-extension-offer[hidden],.thumbnail-frame[hidden]{display:none}.primary-download{color:#fff;background:var(--color-brand);white-space:nowrap;border:0;border-radius:16px;min-height:62px;font-size:16px;font-weight:700;box-shadow:0 18px 34px #16a34a3d}.primary-download:hover{background:var(--color-brand-dark)}.primary-download:disabled{cursor:wait;opacity:.72}.intro-section{padding:42px 0 0}.intro-shell{background:#fff;border:1px solid #e2ece5;border-radius:18px;padding:30px 34px;box-shadow:0 16px 40px #14532d0f}.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}.error-copy{gap:2px;min-width:0;display:grid}.unsupported-extension-offer{border:1px solid var(--color-brand-border);background:linear-gradient(135deg, var(--color-brand-soft), #fff 62%);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:12px;padding:18px;display:grid;box-shadow:0 14px 34px #16a34a1a}.unsupported-extension-copy{min-width:0}.unsupported-extension-copy>span{color:var(--color-brand-dark);background:var(--color-brand-muted);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.unsupported-extension-copy strong{color:#0f172a;margin-top:7px;font-size:16px;line-height:1.35;display:block}.unsupported-extension-copy p{color:#475569;max-width:720px;margin:5px 0 0;font-size:13px;line-height:1.55}.unsupported-extension-actions{align-items:center;gap:9px;display:flex}.unsupported-extension-primary,.unsupported-extension-secondary{text-align:center;white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;min-height:42px;padding:0 15px;font-size:13px;font-weight:750;display:inline-flex}.unsupported-extension-primary{color:#fff;background:var(--color-brand)}.unsupported-extension-primary:hover{color:#fff;background:var(--color-brand-dark)}.unsupported-extension-secondary{border:1px solid var(--color-brand-border);color:var(--color-brand-dark);background:#fff}.unsupported-extension-secondary:hover{color:var(--color-brand-dark);border-color:var(--color-brand-border);background:var(--color-brand-soft)}@media (width<=720px){.unsupported-extension-offer{grid-template-columns:1fr}.unsupported-extension-actions{flex-wrap:wrap}}.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 var(--color-brand-muted);border-top-color:var(--color-brand);border-radius:50%;width:34px;height:34px;animation:.78s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-panel{border:1px dashed var(--color-border);color:#94a3b8;text-align:center;background:#ffffffb8;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:var(--color-brand-dark);border-style:solid;border-color:var(--color-brand-border);background:var(--color-brand-soft)}.result-area{background:#fff;border:1px solid #e2ece5;border-radius:20px;margin-top:24px;padding:22px;box-shadow:0 18px 42px #14532d14}.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-brand);margin:0;font-size:13px;font-weight:700}.result-body h2{color:#0f172a;letter-spacing:0;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:7px 0 0;font-size:20px;font-weight:650;line-height:1.36;display:-webkit-box;overflow:hidden}.result-actions{flex-wrap:wrap;gap:14px;margin-top:12px;display:flex}.result-actions a{color:var(--color-brand);font-size:13px;font-weight:600}.download-result-panel{border-top:1px solid #dfece3;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}.video-download-group{gap:12px;display:grid}.video-download-group+.video-download-group{border-top:1px solid #dce9df;margin-top:8px;padding-top:20px}.video-group-header{background:var(--color-surface);border:1px solid #dce9df;border-radius:16px;grid-template-columns:144px minmax(0,1fr);align-items:start;gap:16px;padding:14px;display:grid}.video-group-header.without-thumbnail{grid-template-columns:1fr}.video-group-thumbnail{aspect-ratio:16/9;background:#e2e8f0;border:1px solid #dce9df;border-radius:12px;width:100%;overflow:hidden}.video-group-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.video-group-copy{min-width:0}.video-group-label{color:var(--color-brand);margin:0 0 5px;font-size:12px;font-weight:750}.video-group-copy strong,.video-group-copy span{display:block}.video-group-copy strong{color:#0f172a;font-size:15px}.video-group-copy span{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.video-group-copy a{color:var(--color-brand);margin-top:8px;font-size:12px;font-weight:650;display:inline-block}.video-group-formats{gap:12px;display:grid}.format-row{background:var(--color-surface);border:1px solid #e2ece5;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{min-height:20px;color:var(--color-brand-dark);background:var(--color-brand-muted);border-radius:7px;align-items:center;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:#64748b;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-brand);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-brand-dark)}.gif-format-actions{grid-template-columns:minmax(160px,auto) minmax(140px,auto) auto;display:grid}.gif-convert-action{width:auto;min-width:160px;font:inherit;cursor:pointer;border:0;font-size:13px;font-weight:700}.gif-convert-action:disabled{cursor:wait;opacity:.72}.gif-source-download{border:1px solid var(--color-brand-border);width:auto;min-width:140px;color:var(--color-brand-dark);background:#fff}.gif-source-download:hover{color:var(--color-brand-dark);background:var(--color-brand-soft)}.gif-cancel-action{color:#475569;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:0 12px;font-size:12px;font-weight:700}.gif-conversion-status{color:#64748b;margin-top:6px;line-height:1.45}.gif-conversion-status[data-state=working]{color:var(--color-brand-dark)}.gif-conversion-status[data-state=success]{color:#15803d}.gif-conversion-status[data-state=error]{color:#b91c1c}.format-download[data-state=complete]{background:var(--color-success)}.format-download[data-state=complete]:hover{background:#15803d}.format-share{display:flex}.share-download{border:1px solid var(--color-border);color:#334155;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;min-width:42px;min-height:42px;padding:0;font-size:12px;font-weight:650;display:inline-flex}.share-download:hover{border-color:var(--color-brand-border);color:var(--color-brand-dark);background:var(--color-brand-soft)}.share-download-icon{fill:currentColor;width:16px;height:16px}.extension-offer{border:1px solid var(--color-brand-border);background:linear-gradient(135deg, var(--color-brand-soft) 0%, var(--color-surface) 100%);border-radius:12px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:2px;padding:14px;display:grid}.extension-offer-copy{gap:4px;display:grid}.extension-offer-copy>span{width:fit-content;color:var(--color-brand-dark);background:var(--color-brand-muted);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:800}.extension-offer-copy strong{color:#0f2f1c;font-size:14px}.extension-offer-copy p{color:#475569;margin:0;font-size:12px;line-height:1.5}.extension-offer-action,.page-primary-action{color:#fff;background:var(--color-brand-dark);text-align:center;border-radius:11px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-size:13px;font-weight:750;display:inline-flex}.extension-offer-action:hover,.page-primary-action:hover{color:#fff;background:var(--color-brand-dark)}.post-download-extension-offer{border:1px solid var(--color-brand-border);background:radial-gradient(circle at 100% 0%, #86efac57, transparent 42%), linear-gradient(135deg, var(--color-brand-soft) 0%, #fff 54%, #f0fdf4 100%);opacity:0;pointer-events:none;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:16px;padding:18px;transition:opacity .18s,transform .18s;display:grid;position:relative;overflow:hidden;transform:translateY(8px);box-shadow:0 18px 45px #16a34a1f}.post-download-extension-offer:after{content:"";pointer-events:none;border:18px solid #16a34a0d;border-radius:50%;width:96px;height:96px;position:absolute;inset-block-end:-58px;inset-inline-end:28%}.post-download-extension-offer.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.post-download-extension-icon{z-index:1;color:#fff;background:linear-gradient(145deg, var(--color-brand), var(--color-brand-dark));border-radius:14px;place-items:center;width:48px;height:48px;display:grid;position:relative;box-shadow:0 10px 24px #16a34a47}.post-download-extension-icon svg{width:25px;height:25px}.post-download-extension-icon path{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.post-download-extension-copy{z-index:1;min-width:0;position:relative}.post-download-extension-copy>span{min-height:22px;color:var(--color-brand-dark);background:var(--color-brand-muted);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.post-download-extension-copy strong{color:#0f172a;margin-top:7px;font-size:15px;line-height:1.35;display:block}.post-download-extension-copy p{color:#475569;margin:4px 0 0;font-size:12px;line-height:1.55}.post-download-extension-action{z-index:1;color:#fff;background:var(--color-brand-dark);text-align:center;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 17px;font-size:13px;font-weight:750;transition:background .16s,transform .16s,box-shadow .16s;display:inline-flex;position:relative;box-shadow:0 9px 20px #15803d38}.post-download-extension-actions{z-index:1;justify-items:stretch;gap:8px;display:grid;position:relative}.post-download-extension-dismiss{color:#64748b;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:11px;line-height:1.4}.post-download-extension-dismiss:hover{color:#166534;text-decoration:underline}.post-download-extension-action:hover{color:#fff;background:var(--color-brand-dark);transform:translateY(-1px);box-shadow:0 12px 24px #15803d47}.post-download-extension-action:focus-visible{outline-offset:3px;outline:3px solid #4ade8073}.post-download-extension-dismiss:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #4ade8059}@media (prefers-reduced-motion:reduce){.post-download-extension-offer,.post-download-extension-action{transition:none}}.download-hint{color:#94a3b8;margin:14px 0 0;font-size:13px;line-height:1.55}.iphone-save-tip{border:1px solid var(--color-brand-border);background:var(--color-brand-soft);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:#166534;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}.extension-hero .container{max-width:920px}.extension-page{background:#fff}.extension-site-header .header-inner{grid-template-columns:minmax(220px,1fr) auto;min-height:68px}.extension-site-header .main-nav{justify-self:end}.extension-install-hero{background:var(--color-surface);border-bottom:1px solid #e1ece4;padding:32px 0 28px;overflow:hidden}.extension-install-shell{justify-items:center;display:grid}.extension-install-copy{text-align:center;width:min(100%,980px)}.extension-install-copy h1{max-width:960px;color:var(--color-navy);letter-spacing:0;margin:0 auto;font-size:clamp(46px,5.5vw,68px);font-weight:760;line-height:1.04}.extension-install-copy p{color:#5b6b82;max-width:800px;margin:18px auto 0;font-size:18px;font-weight:400;line-height:1.55}.browser-install-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(100%,980px);margin-top:18px;display:grid}.browser-install-button{color:#fff;border:1px solid #0000;border-radius:18px;justify-content:center;align-items:center;gap:13px;min-width:0;min-height:66px;padding:12px 20px;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:flex;box-shadow:0 16px 32px #14532d24}a.browser-install-button:hover{color:#fff;filter:brightness(.97);transform:translateY(-2px);box-shadow:0 20px 38px #14532d33}a.browser-install-button:focus-visible{outline-offset:4px;outline:3px solid #16a34a4d}.browser-install-button--chrome{background:var(--color-brand)}.browser-install-button--edge{background:var(--color-brand-dark)}.browser-install-button--firefox{background:var(--color-brand-strong)}.browser-install-button.is-pending{cursor:not-allowed;filter:saturate(.82);opacity:.76}.browser-install-button>img{object-fit:contain;background:#fff;border-radius:50%;flex:none;width:38px;height:38px;padding:5px}.browser-install-button>span{text-align:start;gap:1px;min-width:0;display:grid}.browser-install-button strong,.browser-install-button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.browser-install-button strong{font-size:17px;font-weight:700;line-height:1.25}.browser-install-button small{color:#fffc;font-size:11px;font-weight:600}.extension-product-preview{grid-template-columns:minmax(0,1.72fr) minmax(280px,.86fr);align-items:center;gap:18px;width:min(100%,1060px);margin-top:20px;padding-top:0;display:grid}.extension-product-preview figure{min-width:0;margin:0}.extension-player-preview{background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-self:end;overflow:hidden;box-shadow:0 18px 44px #14532d1a}.extension-player-preview img{width:100%;height:auto;display:block}.extension-popup-preview{align-self:center;padding-bottom:0}.extension-popup-preview img{border:1px solid var(--color-border);background:#f5f9f6;border-radius:16px;width:min(100%,320px);height:auto;margin:0 auto;display:block;box-shadow:0 18px 38px #14532d24}.extension-benefit-strip{background:#fff;border-bottom:1px solid #e1ece4;padding:42px 0}.extension-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.extension-benefit-grid article{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:14px;display:grid}.extension-benefit-icon{width:48px;height:48px;color:var(--color-brand-dark);background:var(--color-brand-soft);border-radius:50%;place-items:center;display:grid}.extension-benefit-icon .icon{width:25px;height:25px}.extension-benefit-grid h3,.extension-step-list h3{color:#0f172a;margin:0;font-size:16px;font-weight:720;line-height:1.35}.extension-benefit-grid p,.extension-step-list p{color:#64748b;margin:6px 0 0;font-size:14px;line-height:1.55}.extension-story-section{padding:84px 0}.extension-story-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:80px;display:grid}.extension-story-copy{position:sticky;top:110px}.extension-story-copy h2,.extension-trust-grid h2{max-width:560px;color:var(--color-navy);letter-spacing:-.025em;margin:0;font-size:clamp(34px,4vw,48px);font-weight:770;line-height:1.08}.extension-story-copy p{color:#64748b;margin:18px 0 0;font-size:16px;line-height:1.7}.extension-step-list{margin:0;padding:0;list-style:none}.extension-step-list li{border-top:1px solid #e2e8f0;grid-template-columns:42px minmax(0,1fr);gap:18px;padding:26px 0;display:grid}.extension-step-list li:first-child{border-top:0;padding-top:0}.extension-step-list li>span{color:#fff;background:var(--color-brand);border-radius:14px;place-items:center;width:42px;height:42px;font-size:15px;font-weight:750;display:grid}.extension-step-list h3{font-size:19px}.extension-step-list p{font-size:15px;line-height:1.65}.extension-trust-section{border-top:1px solid var(--color-border);background:var(--color-surface);padding:62px 0}.extension-trust-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:80px;display:grid}.extension-trust-grid h2{font-size:clamp(32px,3.6vw,44px)}.extension-trust-copy p{color:#475569;margin:0;font-size:16px;line-height:1.75}.extension-trust-copy a{color:var(--color-brand-dark);align-items:center;gap:8px;margin-top:18px;font-size:14px;font-weight:700;display:inline-flex}.extension-trust-copy a .icon{width:18px;height:18px}.extension-faq-section{background:#fff;border-top:1px solid #e1ece4;padding:76px 0 84px}.extension-faq-header{text-align:center;max-width:760px;margin:0 auto 28px}.extension-faq-header h2{color:var(--color-navy);letter-spacing:-.025em;margin:0;font-size:clamp(34px,4vw,46px);font-weight:770;line-height:1.08}.extension-faq-header p{color:#64748b;margin:16px auto 0;font-size:16px;line-height:1.7}.extension-faq-list{margin:0 auto}.extension-faq-list p{line-height:1.65}.page-eyebrow{color:var(--color-brand-dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:inline-flex}.changelog-page{background:#fff}.changelog-hero{background:radial-gradient(circle at 50% 0%, #16a34a1a, transparent 28rem), var(--color-surface);border-bottom:1px solid #e4eee7;padding:76px 0 48px}.changelog-intro{text-align:center;max-width:820px}.changelog-intro h1{color:var(--color-navy);letter-spacing:-.035em;margin:0;font-size:clamp(42px,6vw,64px);line-height:1.05}.changelog-intro p{color:#53647c;max-width:700px;margin:20px auto 0;font-size:18px;line-height:1.7}.changelog-listing{padding:64px 0 76px}.changelog-shell{gap:32px;width:min(100% - 48px,920px);display:grid}.release-card{border:1px solid var(--color-border);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 20px 48px #14532d13}.release-card-header{background:linear-gradient(135deg,#fff 0%,#f7fbf8 100%);border-bottom:1px solid #e4eee7;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:36px;padding:32px 34px 28px;display:grid}.release-badges{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.release-latest,.release-product{border-radius:999px;align-items:center;min-height:26px;padding:4px 9px;font-size:11px;font-weight:750;line-height:1;display:inline-flex}.release-latest{color:#fff;background:var(--color-brand)}.release-product{color:#365945;background:#eef6f0}.release-card-copy h2{color:var(--color-navy);letter-spacing:-.02em;margin:0;font-size:clamp(25px,3vw,32px);line-height:1.22}.release-card-copy p{color:#5b6b82;max-width:660px;margin:12px 0 0;line-height:1.7}.release-version{text-align:right;direction:ltr;justify-items:end;gap:5px;min-width:142px;padding-top:2px;display:grid}.release-version strong{color:var(--color-brand-dark);font-size:22px;line-height:1.2}.release-version time{color:#708097;white-space:nowrap;font-size:13px}.release-groups{gap:28px;padding:30px 34px 34px;display:grid}.release-group h3{color:#284536;letter-spacing:.025em;text-transform:uppercase;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:800;display:flex}.release-group h3 span{background:var(--color-brand);width:9px;height:9px;box-shadow:0 0 0 4px var(--color-brand-muted);border-radius:50%;flex:none}.release-group--improved h3 span{background:#7c3aed;box-shadow:0 0 0 4px #ede9fe}.release-group--fixed h3 span{background:#16a34a;box-shadow:0 0 0 4px #dcfce7}.release-group ul{color:#475569;margin:13px 0 0;padding-inline-start:25px;line-height:1.75}.release-group li+li{margin-top:8px}.page-primary-action{margin-top:20px;text-decoration:none}.release-status{border:1px solid var(--color-brand-border);color:var(--color-brand-dark);background:var(--color-brand-soft);border-radius:10px;margin-top:20px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.extension-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;display:grid}.extension-feature-grid .content-card{height:100%}.how-section{padding:44px 0 0}.how-card{background:#fff;border:1px solid #d9e8deeb;border-radius:18px;padding:34px;box-shadow:0 16px 40px #14532d0f}.how-card-header h2{color:#0f172a;margin:0;padding-inline-start:17px;font-size:28px;font-weight:760;line-height:1.22;position:relative}.how-card-header h2:before{content:"";inset-inline-start:0;background:var(--color-brand);border-radius:999px;width:5px;height:26px;position:absolute;top:4px}.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 #dfece3;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-brand);border-radius:14px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:760;display:inline-grid;box-shadow:0 12px 24px #16a34a2e}.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{border:1px solid var(--color-brand-border);width:26px;height:26px;color:var(--color-brand);background:var(--color-brand-soft);vertical-align:-7px;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 #d9e8deeb;border-radius:16px;padding:30px;box-shadow:0 16px 40px #14532d0f}.simple-grid h2{color:#0f172a;margin:0 0 14px;padding-inline-start:17px;font-size:22px;font-weight:760;line-height:1.25;position:relative}.simple-grid h2:before{content:"";inset-inline-start:0;background:var(--color-brand);border-radius:999px;width:5px;height:24px;position:absolute;top:3px}.simple-grid>div:nth-child(2) h2:before{background:#f43f5e}.simple-grid ol,.simple-grid ul{color:#475569;margin:0;padding-inline-start:20px;font-size:15px;font-weight:400;line-height:1.75}.guide-section{padding:52px 0 0}.guide-shell{background:#fff;border:1px solid #dfece3;border-radius:22px;padding:34px;box-shadow:0 16px 40px #14532d0f}.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 #dfece3;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;margin-top:28px;padding-top:24px;display:grid}.device-guide-card{border:1px solid var(--color-border);background:#fff;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 #dfece3;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{width:fit-content;color:var(--color-brand-dark);background:var(--color-brand-soft);border-radius:999px;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-inline-start: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 #dfece3;border-radius:12px;margin:16px 0 0;padding:12px;font-size:13px;font-weight:500;line-height:1.55}.device-guide-link{width:fit-content;color:var(--color-brand-dark);align-items:center;gap:6px;margin-top:16px;font-size:14px;font-weight:700;display:inline-flex}.home-guide-links{background:#f8fafc;border:1px solid #dfece3;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 24px;margin-top:24px;padding:18px 20px;display:grid}.home-guide-links-title{color:#475569;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.4}.home-guide-link-list{flex-wrap:wrap;gap:4px 20px;display:flex}.home-guide-link-list a{align-items:center;min-height:44px;display:inline-flex}.home-guide-link-list a,.extension-guide-link a{color:var(--color-brand-dark);text-underline-offset:3px;font-size:14px;font-weight:680;text-decoration:underline}.home-guide-all-link{min-height:44px;color:var(--color-brand-dark);white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.home-guide-all-link:hover{text-underline-offset:3px;text-decoration:underline}.extension-guide-link{grid-column:2;margin:-14px 0 0}.faq-section-home{padding:52px 0 0}.faq-list{border:1px solid var(--color-border);background:#fff;border-radius:18px;max-width:860px;margin-bottom:64px;padding:28px 32px;box-shadow:0 16px 40px #14532d0f}.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 #dfece3;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%, #16a34a14, transparent 28rem), linear-gradient(180deg, var(--color-surface) 0%, #fff 100%);border-bottom:1px solid #dfece3}.page-hero .container{padding:42px 0 44px}.page-hero.compact .container{width:min(100% - 48px,840px);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;width:min(100% - 48px,840px);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}.content-card a{color:var(--color-brand-dark);text-underline-offset:3px;font-weight:650;text-decoration:underline}.content-card ul{color:#475569;margin:14px 0 0;padding-inline-start:22px;line-height:1.7}.content-card li+li{margin-top:8px}.site-footer{color:var(--color-brand-muted);background:var(--color-footer);margin-top:20px;padding:68px 0 28px}.footer-grid{grid-template-columns:minmax(360px,1.55fr) repeat(3,minmax(145px,.68fr));align-items:start;gap:clamp(42px,5vw,86px);display:grid}.footer-brand p{color:#b6cfbf;max-width:480px;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{width:36px;height:36px;color:var(--color-brand-muted);background:#ffffff0f;border:1px solid #dcfce738;border-radius:10px;place-items:center;display:grid}.footer-column{justify-items:start;gap:10px;display:grid}.footer-column h2{color:#fff;margin:0 0 6px;font-size:15px;font-weight:700}.footer-column a{color:#b6cfbf;font-size:14px;font-weight:500}.page-updated{color:#64748b;margin:12px 0 0;font-size:14px}.footer-bottom{color:#b6cfbf;border-top:1px solid #dcfce729;justify-content:space-between;align-items:flex-start;gap:28px;margin-top:34px;padding-top:20px;font-size:13px;display:flex}.footer-independence-notice,.footer-copyright{margin:0}.footer-copyright{flex:none}.footer-bottom a{color:inherit;text-underline-offset:3px;text-decoration:underline #aac2dc73}.footer-bottom a:hover{color:#fff}html[dir=rtl] body{text-align:start}html[dir=rtl] .download-form input,html[dir=rtl] .format-heading strong,html[dir=rtl] .result-actions a{text-align:left;direction:ltr;unicode-bidi:isolate}html[dir=rtl] .faq-list summary:after{margin-inline-start:auto}html:lang(ar),html:lang(hi-IN){line-height:1.7}html:lang(zh-CN),html:lang(zh-TW),html:lang(ja){word-break:normal;line-break:strict}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=980px){.header-inner{grid-template-columns:auto 1fr}.main-nav{display:none}.header-actions{justify-self:end}.header-icon-button.menu-toggle{display:grid}.mobile-nav:not([hidden]){grid-column:1/-1;gap:2px;padding:0 0 14px;display:grid}.mobile-nav a{color:#53627a;border-radius:10px;padding:11px 13px;font-size:14px;font-weight:600}.mobile-nav a:hover,.mobile-nav a[aria-current=page]{color:var(--color-brand-dark);background:var(--color-brand-soft)}.mobile-nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--color-brand)}.simple-grid,.device-guide-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 52px}.footer-brand{grid-column:1/-1}.browser-install-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.browser-install-button--firefox{grid-column:1/-1}.extension-product-preview{grid-template-columns:minmax(0,1.5fr) minmax(230px,.68fr)}.extension-benefit-grid{grid-template-columns:1fr;gap:24px}.extension-story-grid,.extension-trust-grid{gap:44px}}@media (width<=720px){.container{width:min(100% - 28px, var(--container))}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{display:block}.footer-copyright{margin-top:8px}.home-guide-links{grid-template-columns:1fr;gap:4px;padding:16px}.home-guide-link-list{flex-direction:column;gap:0}.changelog-hero{padding:52px 0 38px}.changelog-intro h1{font-size:42px}.changelog-intro p{font-size:16px}.changelog-listing{padding:42px 0 56px}.changelog-shell{gap:24px;width:min(100% - 28px,920px)}.release-card-header{grid-template-columns:1fr;gap:20px;padding:25px 22px 23px}.release-version{text-align:left;order:-1;justify-items:start;min-width:0}.release-groups{gap:24px;padding:25px 22px 28px}.page-hero.compact .container,.article-grid{width:min(100% - 28px,840px)}.header-inner{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:68px}.header-actions{min-width:0}.brand{min-width:0;font-size:20px}.brand>span{text-overflow:ellipsis;overflow:hidden}.brand .icon{width:32px;height:32px}.language-switch{width:min(164px,43vw);padding-inline:35px 28px;font-size:12px}.language-icon{left:11px}.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}.extension-install-hero{padding-top:36px}.extension-install-copy h1{font-size:42px;line-height:1.06}.extension-install-copy p{margin-top:14px;font-size:16px}.browser-install-grid{grid-template-columns:1fr;gap:12px;margin-top:24px}.browser-install-button--firefox{grid-column:auto}.browser-install-button{border-radius:16px;justify-content:flex-start;min-height:68px;padding:10px 18px}.browser-install-button>img{width:38px;height:38px}.browser-install-button strong{font-size:16px}.extension-support-line{font-size:12px;line-height:1.5}.extension-product-preview{border-bottom:1px solid var(--color-border);border-radius:20px;grid-template-columns:1fr;margin-top:24px;padding:12px}.extension-player-preview{border-radius:14px}.extension-popup-preview{padding-bottom:0}.extension-popup-preview img{width:min(100%,330px)}.extension-benefit-strip{padding:28px 0}.extension-benefit-grid article{grid-template-columns:42px minmax(0,1fr);gap:12px}.extension-benefit-icon{width:42px;height:42px}.extension-story-section{padding:60px 0}.extension-story-grid,.extension-trust-grid{grid-template-columns:1fr;gap:34px}.extension-guide-link{grid-column:auto;margin-top:-18px}.extension-story-copy{position:static}.extension-story-copy h2,.extension-trust-grid h2{font-size:34px}.extension-trust-section{padding:52px 0}.extension-faq-section{padding:56px 0 64px}.extension-faq-header h2{font-size:34px}.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,.video-group-header,.format-row{grid-template-columns:1fr}.input-shell{height:58px;padding-inline-start: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:minmax(0,1fr) auto;width:100%;display:grid}.gif-format-actions{grid-template-columns:1fr}.gif-format-actions .format-download,.gif-format-actions .gif-cancel-action{width:100%}.extension-offer,.post-download-extension-offer,.extension-feature-grid{grid-template-columns:1fr}.extension-offer-action{width:100%}.post-download-extension-icon{width:42px;height:42px}.post-download-extension-action,.post-download-extension-actions,.format-download{width:100%}.format-share,.share-download{width:42px}.guide-shell h2,.faq-list h2{font-size:24px}.result-body h2{font-size:18px}}.guide-article-page,.guides-hub-page{background:var(--color-surface)}.guide-hero,.guides-hub-hero{border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 78% 8%, #16a34a1a, transparent 24rem), linear-gradient(180deg, var(--color-surface) 0%, #fff 100%)}.guide-hero-inner,.guides-hub-hero-inner{width:min(100% - 48px,940px);padding:42px 0 48px}.guide-breadcrumbs ol{color:#64748b;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;font-size:13px;list-style:none;display:flex}.guide-breadcrumbs li{align-items:center;gap:8px;display:inline-flex}.guide-breadcrumbs li+li:before{content:"/";color:#94a3b8}.guide-breadcrumbs a{color:var(--color-brand-dark);font-weight:650}.guide-category,.guide-tool-eyebrow,.guides-list-shell>header>span,.guides-card>span{width:fit-content;color:var(--color-brand-dark);background:var(--color-brand-muted);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:750;display:inline-flex}.guide-hero h1,.guides-hub-hero h1{max-width:880px;color:var(--color-navy);letter-spacing:-.025em;margin:16px 0 0;font-size:clamp(38px,5vw,60px);font-weight:790;line-height:1.08}.guide-answer,.guides-hub-hero p{color:#334155;max-width:850px;margin:20px 0 0;font-size:18px;line-height:1.72}.guide-dates{color:#64748b;flex-wrap:wrap;gap:8px;margin:20px 0 0;font-size:13px;display:flex}.guide-dates a{color:var(--color-brand-dark);font-weight:650}.guide-page-grid{width:min(100% - 48px,920px);padding:40px 0 72px}.guide-article{grid-template-columns:minmax(0,1fr);gap:24px;min-width:0;display:grid}.guide-article>*{min-width:0}.guide-content-card,.guide-tool-card,.guide-use-note{border:1px solid var(--color-border);background:#fff;border-radius:18px;padding:32px;box-shadow:0 16px 40px #14532d0e}.guide-content-card h2,.guide-tool-card h2,.guide-use-note h2{color:#0f172a;margin:0;font-size:27px;font-weight:760;line-height:1.24}.guide-content-card h3{color:#0f172a;margin:22px 0 0;font-size:19px;line-height:1.35}.guide-content-card p,.guide-use-note p{color:#475569;margin:14px 0 0;font-size:16px;line-height:1.75}.guide-content-card ul,.guide-content-card ol,.guide-boundary-section ul{color:#475569;margin:16px 0 0;padding-inline-start:24px;line-height:1.72}.guide-content-card li+li,.guide-boundary-section li+li{margin-top:9px}.guide-content-card a{color:var(--color-brand-dark);text-underline-offset:3px;font-weight:650;text-decoration:underline}.guide-content-card code{color:#166534;background:var(--color-brand-soft);border-radius:5px;padding:2px 5px;font-size:.88em}.guide-check-list{gap:12px;list-style:none;display:grid;padding:0!important}.guide-check-list li{padding-inline-start:30px;position:relative;margin:0!important}.guide-check-list li:before{content:"✓";inset-inline-start:0;color:#166534;background:#dcfce7;border-radius:50%;place-items:center;width:21px;height:21px;font-size:13px;font-weight:800;display:grid;position:absolute;top:1px}.guide-step-list{gap:0;list-style:none;display:grid;margin-top:24px!important;padding:0!important}.guide-step-list li{border-top:1px solid #dfece3;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:22px 0;display:grid;margin:0!important}.guide-step-list li:first-child{border-top:0;padding-top:0}.guide-step-list li:last-child{padding-bottom:0}.guide-step-number{color:#fff;background:var(--color-brand);border-radius:13px;place-items:center;width:40px;height:40px;font-size:16px;font-weight:780;display:grid}.guide-step-list h3,.guide-step-list p{margin:0}.guide-step-list p{margin-top:7px}.guide-use-note{box-shadow:none;background:#fffbeb;border-color:#fde68a}.guide-use-note h2{font-size:21px}.guide-use-note p{color:#713f12}.guide-source-link{border-top:1px solid #dfece3;padding-top:13px;font-size:14px!important}.guide-inline-cta{background:var(--color-brand-dark);border-radius:10px;padding:10px 14px;display:inline-flex;color:#fff!important;text-decoration:none!important}.guide-faq details{border-top:1px solid #dfece3;padding:18px 0}.guide-faq details:first-of-type{margin-top:15px}.guide-faq summary{color:#0f172a;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-weight:680;list-style:none;display:flex}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary:after{content:"+";color:#64748b;flex:none;font-size:20px}.guide-faq details[open] summary:after{content:"−"}.guide-faq p{padding-inline-end:36px}.related-guide-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.related-guide-list a{border:1px solid var(--color-border);background:var(--color-surface);border-radius:13px;gap:8px;min-height:112px;padding:17px;text-decoration:none;display:grid}.related-guide-list a:hover{border-color:var(--color-brand-border);background:var(--color-brand-soft)}.related-guide-list span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:700}.related-guide-list strong{color:#0f172a;line-height:1.4}.guide-tool-card{border-color:var(--color-brand-border);background:linear-gradient(160deg, #fff 0%, var(--color-brand-soft) 100%)}.guide-tool-heading p{color:#475569;margin:10px 0 0;line-height:1.65}.guide-tool-eyebrow{margin-bottom:10px}.guide-download-form{margin-top:22px}.guide-download-form label{color:#0f172a;margin-bottom:8px;font-size:14px;font-weight:680;display:block}.guide-input-row{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;display:grid}.guide-input-row input{color:#0f172a;min-width:0;height:52px;font:inherit;background:#fff;border:1px solid #bdd5c5;border-radius:11px;padding:0 15px}.guide-input-row input:focus{border-color:var(--color-brand);outline:3px solid #16a34a33}.guide-paste-button,.guide-submit-button,.guide-result-action{min-height:52px;font:inherit;cursor:pointer;border:1px solid #bdd5c5;border-radius:11px;justify-content:center;align-items:center;padding:0 17px;font-weight:700;display:inline-flex}.guide-paste-button{color:var(--color-brand-dark);background:#fff}.guide-submit-button,.guide-result-action{color:#fff;border-color:var(--color-brand-dark);background:var(--color-brand-dark)}.guide-submit-button:disabled{cursor:wait;opacity:.72}.guide-tool-note{color:#64748b;margin:10px 0 0;font-size:12px;line-height:1.55}.guide-tool-status{color:#166534;background:var(--color-brand-muted);border-radius:10px;margin-top:16px;padding:12px 14px;font-size:14px;line-height:1.55}.guide-tool-status[data-state=error]{color:#991b1b;background:#fee2e2}.guide-tool-status[data-state=warning]{color:#854d0e;background:#fef3c7}.guide-tool-status[data-state=success]{color:#166534;background:#dcfce7}.guide-tool-results{gap:15px;margin-top:16px;display:grid}.guide-tool-results[hidden]{display:none}.guide-video-group{border:1px solid var(--color-border);background:#fff;border-radius:13px;padding:18px}.guide-video-group h3{color:#0f172a;margin:0;font-size:18px}.guide-video-source{color:#64748b;margin:5px 0 0;font-size:13px}.guide-variant-list{gap:10px;margin-top:14px;display:grid}.guide-variant-row{border-top:1px solid #dfece3;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding-top:12px;display:grid}.guide-variant-row:first-child{border-top:0;padding-top:0}.guide-variant-row>div{gap:4px;display:grid}.guide-variant-row strong{color:#0f172a}.guide-variant-row span{color:#64748b;font-size:13px}.guide-result-action{min-height:42px;padding:0 14px;text-decoration:none}.guide-result-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.guide-result-actions.has-gif-actions{max-width:390px}.guide-gif-convert:disabled{cursor:wait;opacity:.72}.guide-source-mp4{color:var(--color-brand-dark);background:#fff}.guide-gif-cancel{color:#475569;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:11px;padding:0 12px;font-weight:700}.guide-variant-row .gif-conversion-status[data-state=working]{color:var(--color-brand-dark)}.guide-variant-row .gif-conversion-status[data-state=success]{color:#15803d}.guide-variant-row .gif-conversion-status[data-state=error]{color:#b91c1c}.guide-table-wrap{border:1px solid var(--color-border);border-radius:12px;margin-top:22px;overflow-x:auto}.guide-table-wrap:focus{outline:3px solid #16a34a33}.guide-decision-table{border-collapse:collapse;color:#475569;width:100%;min-width:920px;font-size:14px;line-height:1.55}.guide-decision-table th,.guide-decision-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:14px}.guide-decision-table thead th{color:#0f172a;background:var(--color-brand-soft);font-size:13px}.guide-decision-table tbody th{color:#0f172a;font-weight:680}.guide-decision-table tr:last-child th,.guide-decision-table tr:last-child td{border-bottom:0}.guides-hub-hero-inner{text-align:center;padding:58px 0 64px}.guides-hub-actions{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.guide-primary-link,.guide-secondary-link{border:1px solid var(--color-brand-dark);border-radius:11px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:720;display:inline-flex}.guide-primary-link{color:#fff;background:var(--color-brand-dark)}.guide-secondary-link{color:var(--color-brand-dark);background:#fff}.guides-list-section{padding:50px 0 28px}.guides-list-shell{width:min(100% - 48px,940px)}.guides-list-shell>header h2{color:#0f172a;margin:12px 0 0;font-size:34px}.guides-list-shell>header p{color:#64748b;max-width:720px;margin:10px 0 0;line-height:1.65}.guides-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}.guides-card{border:1px solid var(--color-border);background:#fff;border-radius:18px;flex-direction:column;min-height:264px;padding:30px;display:flex;box-shadow:0 16px 40px #14532d0e}.guides-card h3{color:#0f172a;margin:16px 0 0;font-size:25px;line-height:1.3}.guides-card h3 a{color:inherit}.guides-card h3 a:hover{color:var(--color-brand-dark)}.guides-card p{color:#64748b;margin:12px 0 0;line-height:1.68}.guides-card>div{justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:22px;display:flex}.guides-card time{color:#64748b;font-size:12px}.guides-card>div a{color:var(--color-brand-dark);font-weight:700}.guides-boundary-section{padding:20px 0 72px}.guides-boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:min(100% - 48px,1120px);display:grid}.guides-boundary-grid article{border:1px solid var(--color-border);background:#fff;border-radius:18px;padding:28px}.guides-boundary-grid h2{color:#0f172a;margin:0;font-size:23px}.guides-boundary-grid ul{color:#475569;margin:16px 0 0;padding-inline-start:22px;line-height:1.7}.guides-boundary-grid li+li{margin-top:8px}@media (width<=820px){.related-guide-list,.guides-card-grid,.guides-boundary-grid{grid-template-columns:1fr}.guide-input-row{grid-template-columns:minmax(0,1fr) auto}.guide-submit-button{grid-column:1/-1}}@media (width<=720px){.guide-hero-inner,.guides-hub-hero-inner,.guide-page-grid,.guides-list-shell,.guides-boundary-grid{width:min(100% - 28px,920px)}.guide-hero-inner,.guides-hub-hero-inner{padding:30px 0 38px}.guide-breadcrumbs ol{margin-bottom:20px}.guide-hero h1,.guides-hub-hero h1{font-size:38px}.guide-answer,.guides-hub-hero p{font-size:16px;line-height:1.65}.guide-page-grid{padding:28px 0 52px}.guide-content-card,.guide-tool-card,.guide-use-note,.guides-card,.guides-boundary-grid article{padding:22px}.guide-content-card h2,.guide-tool-card h2{font-size:23px}.guide-input-row{grid-template-columns:1fr}.guide-submit-button{grid-column:auto}.guide-paste-button,.guide-submit-button{width:100%}.guide-variant-row{grid-template-columns:1fr}.guide-result-action{width:100%}.guide-result-actions,.guide-result-actions.has-gif-actions{grid-template-columns:1fr;width:100%;max-width:none;display:grid}.guide-gif-cancel{width:100%}.guide-step-list li{grid-template-columns:38px minmax(0,1fr);gap:12px}.guide-step-number{width:36px;height:36px}.guides-list-section{padding-top:38px}.guides-card>div{flex-direction:column;align-items:flex-start}}@media (width<=560px){.header-inner,.header-actions{gap:8px}.brand{gap:8px;font-size:18px}.brand .icon{width:28px;height:28px}.language-toggle{width:40px;min-width:40px;padding:0}.language-label,.language-chevron{display:none}.language-popover{width:min(220px,100vw - 28px);right:48px}}.site-target-tiktok{--color-navy:#10271a;--color-brand:#16a34a;--color-brand-dark:#15803d;--color-brand-strong:#166534;--color-brand-soft:#f0fdf4;--color-brand-muted:#dcfce7;--color-brand-border:#bbf7d0;--color-border:#d9e8de;--color-footer:#0a2818;--brand-mark-secondary:#4ade80}.site-target-instagram{--color-navy:#4c1d3b;--color-brand:#c02663;--color-brand-dark:#9d174d;--color-brand-soft:#fff1f5;--color-border:#f0d4df;--color-footer:#42152f;--brand-mark-secondary:#a855f7}.site-target-hub{--color-navy:#203556;--color-brand:#4f46e5;--color-brand-dark:#3730a3;--color-brand-soft:#f0f1ff;--color-border:#dfe1f5;--color-footer:#172645;--brand-mark-secondary:#22c55e}.site-target-tiktok.tiktok-downloader-page{background:radial-gradient(circle at 50% -8%,#22c55e1a,#0000 31rem),linear-gradient(#f7fcf8 0%,#fff 45%)}.site-target-tiktok .ttdl-hero:before{background:#22c55e1a}.site-target-tiktok .ttdl-hero:after{background:#4ade801a}.site-target-instagram .ttdl-result-copy .video-author,.site-target-instagram .ttdl-eyebrow,.brand-mark{color:var(--color-brand)}.brand.inverse .brand-mark{color:#fff}.matrix-page{min-height:62vh}.matrix-hero{padding:88px 0 74px}.matrix-hero-inner{text-align:center;width:min(100%,900px);margin:0 auto}.matrix-eyebrow{border:1px solid var(--color-border);color:var(--color-brand);background:var(--color-brand-soft);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-bottom:14px;padding:6px 11px;font-size:12px;font-weight:760;display:inline-flex}.matrix-hero h1,.matrix-info h1{color:var(--color-navy);letter-spacing:-.035em;margin:0;font-size:clamp(38px,6vw,62px);line-height:1.06}.matrix-hero-lede{width:min(100%,690px);color:var(--color-muted);margin:20px auto 0;font-size:18px}.hub-router{border:1px solid var(--color-border);width:min(100%,820px);box-shadow:var(--shadow-soft);background:#fffffff5;border-radius:20px;grid-template-columns:minmax(0,1fr) 180px;gap:10px;margin:34px auto 0;padding:12px;display:grid}.hub-router input{border:1px solid var(--color-border);min-width:0;min-height:52px;color:var(--color-text);background:#fff;border-radius:13px;padding:0 16px}.hub-router button,.matrix-primary-link{color:#fff;background:var(--color-brand);border:0;border-radius:13px;justify-content:center;align-items:center;min-height:52px;padding:0 18px;font-weight:760;display:inline-flex}.hub-router button:hover,.matrix-primary-link:hover{background:var(--color-brand-dark)}.hub-router-status{min-height:24px;color:var(--color-danger);margin:12px auto 0;font-size:13px}.matrix-tools{padding:0 0 92px}.matrix-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.matrix-tool-card{border:1px solid var(--color-border);box-shadow:var(--shadow-card);background:#fff;border-radius:20px;flex-direction:column;align-items:flex-start;gap:14px;padding:26px;display:flex}.matrix-tool-card .brand-mark{width:44px;height:44px}.matrix-tool-card h2,.matrix-tool-card p{margin:0}.matrix-tool-card h2{color:var(--color-navy);font-size:21px}.matrix-tool-card p{color:var(--color-muted);flex:1}.matrix-tool-card a{color:var(--color-brand);font-weight:750}.matrix-info{padding:76px 0 90px}.matrix-info-shell{width:min(100%,820px)}.matrix-info h1{font-size:clamp(34px,5vw,52px)}.matrix-info-lede{color:var(--color-muted);margin:18px 0 36px;font-size:18px}.matrix-info-section{border:1px solid var(--color-border);scroll-margin-top:calc(var(--header-height) + 20px);background:#fff;border-radius:18px;margin-top:30px;padding:26px}.matrix-info-toc{border:1px solid var(--color-border);background:var(--color-brand-soft);border-radius:18px;margin-top:30px;padding:24px 26px}.matrix-info-toc strong{color:var(--color-navy);font-size:17px;display:block}.matrix-info-toc ol{color:var(--color-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px;margin:14px 0 0;padding-inline-start:22px;display:grid}.matrix-info-toc a,.matrix-info-links a{color:var(--color-brand-dark);text-underline-offset:3px;font-weight:650;text-decoration:underline}.matrix-info-links{flex-wrap:wrap;gap:10px 18px;display:flex}.matrix-info-section a{color:var(--color-brand-dark);text-underline-offset:3px;font-weight:650;text-decoration:underline}.matrix-release-note{color:#6b531e;background:#fff9e8;border:1px solid #f3d28b;border-radius:18px;margin-top:30px;padding:22px 24px}.matrix-release-note strong{color:#5c4515;display:block}.matrix-release-note p{margin:7px 0 0}.matrix-page-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.matrix-secondary-link{border:1px solid var(--color-border);min-height:52px;color:var(--color-brand-dark);background:#fff;border-radius:13px;justify-content:center;align-items:center;padding:0 18px;font-weight:760;display:inline-flex}.matrix-secondary-link:hover{border-color:var(--color-brand);background:var(--color-brand-soft)}.matrix-info-section h2{color:var(--color-navy);margin:0 0 10px;font-size:22px}.matrix-info-section p,.matrix-info-section li{color:var(--color-muted)}.matrix-info-section p:last-child{margin-bottom:0}.matrix-not-found{text-align:center;place-items:center;min-height:62vh;padding:72px 0;display:grid}.matrix-not-found h1{color:var(--color-navy);margin:0;font-size:clamp(48px,9vw,88px)}.matrix-not-found p{color:var(--color-muted);margin:8px 0 24px}@media (width<=820px){.matrix-tool-grid{grid-template-columns:1fr}}@media (width<=640px){.matrix-hero{padding:62px 0 54px}.hub-router,.matrix-info-toc ol{grid-template-columns:1fr}.matrix-page-actions a{width:100%}}.header-inner{position:relative}.guides-search-panel{max-width:860px;margin:30px auto 0}.guides-search-field{background:#fff;border:1px solid #c9ddd0;border-radius:15px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;height:62px;padding:0 18px;display:grid;box-shadow:0 16px 38px #14532d17}.guides-search-field svg{fill:none;stroke:#64748b;stroke-width:1.8px;stroke-linecap:round;width:21px;height:21px}.guides-search-field input{color:#0f172a;min-width:0;font:inherit;background:0 0;border:0;outline:0}.guides-search-field:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 4px #16a34a1a,0 18px 42px #14532d1a}.guides-filter-group{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px;display:flex}.guides-filter-group button{color:#475569;background:#fff;border:1px solid #c9ddd0;border-radius:999px;min-height:38px;padding:0 14px;font-size:13px;font-weight:700}.guides-filter-group button:hover,.guides-filter-group button.is-active{border-color:var(--color-brand);color:var(--color-brand-dark);background:var(--color-brand-soft)}.guides-tutorial-feature{border:1px solid var(--color-brand-border);background:#ffffffb8;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;max-width:860px;margin:30px auto 0;padding:24px 28px;display:flex}.guides-tutorial-feature h2,.guides-support-callout h2{color:#0f172a;margin:0;font-size:20px}.guides-tutorial-feature p,.guides-support-callout p{color:#64748b;margin:6px 0 0;font-size:14px}.guides-tutorial-feature>a,.guides-support-callout>a{color:#fff;background:var(--color-brand-dark);border-radius:10px;flex:none;padding:10px 15px;font-weight:750}.guides-topics-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 24px;display:grid}.guides-topics-header>span,.guides-topics-header>h2{grid-column:1}.guides-results-count{grid-area:1/2/3;align-self:end}.guides-card[hidden]{display:none}.guides-no-results{text-align:center;background:#fff;border:1px dashed #bdd5c5;border-radius:16px;margin-top:28px;padding:32px}.guides-no-results[hidden]{display:none}.guides-no-results h2,.guides-no-results p{margin:0}.guides-no-results p{color:#64748b;margin-top:6px}.guides-support-callout{border:1px solid var(--color-border);background:#fff;border-radius:17px;justify-content:space-between;align-items:center;gap:24px;margin-top:34px;padding:24px;display:flex}.how-to-use-page{background:var(--color-surface)}.how-use-hero{border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 75% 10%, #16a34a1f, transparent 28rem), linear-gradient(180deg, var(--color-surface) 0%, #fff 100%)}.how-use-hero-inner,.how-use-shell{width:min(100% - 48px,1040px);margin:0 auto}.how-use-hero-inner{text-align:center;padding:58px 0 52px}.how-use-hero h1{color:#0f172a;letter-spacing:-.035em;margin:0;font-size:clamp(40px,6vw,64px);line-height:1.06}.how-use-hero p{color:#53627a;max-width:760px;margin:20px auto 0;font-size:18px;line-height:1.7}.how-use-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}.how-use-tab{min-width:150px;color:var(--color-brand-dark);text-align:center;cursor:pointer;background:#fff;border:1px solid #c9ddd0;border-radius:11px;padding:11px 16px;font-weight:750}.how-use-tab:hover,.how-use-tab.is-active{border-color:var(--color-brand);color:#fff;background:var(--color-brand)}.how-use-steps,.how-use-faq{background:#fff;padding:64px 0}.how-use-extension{border-top:1px solid var(--color-border);background:var(--color-surface)}.how-use-steps[hidden]{display:none}.how-use-section-header{margin-bottom:30px}.how-use-section-header h2,.how-use-note h2,.how-use-faq h2{color:#0f172a;margin:0;font-size:clamp(30px,4vw,44px);line-height:1.15}.how-use-section-header p{color:#64748b;margin:10px 0 0}.how-use-step-list{gap:26px;margin:0;padding:0;list-style:none;display:grid}.how-use-step{border:1px solid var(--color-border);background:#fff;border-radius:18px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:28px;padding:22px;display:grid;box-shadow:0 16px 38px #14532d0f}.how-use-step-copy{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:18px;padding:10px 10px 10px 0;display:grid}.how-use-step-media{border:1px solid var(--color-border);background:var(--how-use-media-bg,#edf5ef);aspect-ratio:var(--how-use-media-ratio,8 / 5);border-radius:14px;margin:0;position:relative;overflow:hidden}.how-use-step-media img{object-fit:contain;width:100%;height:100%;display:block}.how-use-step-media figcaption{color:#fff;backdrop-filter:blur(8px);background:#081426d1;border-radius:8px;width:fit-content;max-width:calc(100% - 24px);padding:7px 10px;font-size:12px;font-weight:720;line-height:1.35;position:absolute;bottom:12px;left:12px;right:12px}.how-use-settings-tip{border:1px solid var(--color-brand-border);background:var(--color-brand-soft);border-radius:18px;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);align-items:center;gap:28px;margin-top:26px;padding:22px;display:grid}.how-use-settings-tip img{aspect-ratio:8/5;object-fit:contain;border:1px solid #c9ddd0;border-radius:13px;width:100%;height:auto;display:block}.how-use-settings-tip h3,.how-use-settings-tip p{margin:0}.how-use-settings-tip h3{color:#0f172a;font-size:21px}.how-use-settings-tip p{color:#53627a;margin-top:9px;line-height:1.7}.how-use-step-number{width:44px;height:44px;color:var(--color-brand-dark);background:var(--color-brand-muted);border-radius:13px;place-items:center;font-weight:850;display:grid}.how-use-step h3,.how-use-step p{margin:0}.how-use-step h3{color:#0f172a;font-size:19px}.how-use-step p{color:#64748b;margin-top:8px;line-height:1.7}.how-use-note{color:var(--color-brand-muted);background:var(--color-navy);padding:52px 0}.how-use-note-grid{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:40px;display:grid}.how-use-note h2{color:#fff}.how-use-note p,.how-use-note ul{margin-top:0}.how-use-note li+li{margin-top:8px}.how-use-faq details{border-top:1px solid var(--color-border)}.how-use-faq details:last-of-type{border-bottom:1px solid var(--color-border)}.how-use-faq summary{color:#0f172a;cursor:pointer;padding:20px 0;font-weight:750}.how-use-faq details p{color:#64748b;max-width:760px;margin:-6px 0 20px}.how-use-next{background:var(--color-brand-soft);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-top:34px;padding:24px;display:flex}.how-use-next strong,.how-use-next p{margin:0;display:block}.how-use-next p{color:#64748b;margin-top:4px}.how-use-next-actions{flex-wrap:wrap;flex:none;gap:9px;display:flex}html[data-theme=dark]{--color-navy:#e8f8ee;--color-brand:#4ade80;--color-brand-dark:#86efac;--color-brand-strong:#bbf7d0;--color-brand-soft:#0f2f1c;--color-brand-muted:#123c22;--color-brand-border:#287a43;--color-border:#294238;--color-text:#e2e8f0;--color-muted:#a3b2c7;--color-white:#112017;--color-surface:#0d1c13;--color-footer:#06150c;--shadow-soft:0 18px 44px #00000047;--shadow-card:0 14px 34px #0000003d;color:var(--color-text);background:#050a07}html[data-theme=dark] body{color:var(--color-text);background:radial-gradient(circle at 50% -8%,#16a34a29,#0000 32rem),linear-gradient(#0b1f13 0%,#050a07 48%)}html[data-theme=dark] .site-header{background:#050a07e6;border-bottom-color:#294238}html[data-theme=dark] .brand,html[data-theme=dark] .main-nav a,html[data-theme=dark] .mobile-nav a,html[data-theme=dark] .language-toggle,html[data-theme=dark] .header-icon-button{color:#cbd5e1}html[data-theme=dark] .language-toggle,html[data-theme=dark] .header-icon-button,html[data-theme=dark] .language-popover,html[data-theme=dark] .mobile-nav{background:#112017;border-color:#294238}html[data-theme=dark] .language-option{color:#cbd5e1}html[data-theme=dark] .language-option:hover,html[data-theme=dark] .language-option[aria-current=page],html[data-theme=dark] .mobile-nav a:hover,html[data-theme=dark] .mobile-nav a[aria-current=page]{color:var(--color-brand-border);background:#0f2f1c}html[data-theme=dark] :where(.tool-hero,.guides-hub-hero,.guide-hero,.how-use-hero,.changelog-hero,.matrix-info){background:radial-gradient(circle at 72% 0,#16a34a2e,#0000 28rem),linear-gradient(#10261a 0%,#0a1810 100%);border-color:#294238}html[data-theme=dark] :where(.guides-hub-page,.guide-article-page,.how-to-use-page,.changelog-page,.matrix-page){background:#0a1810}html[data-theme=dark] :where(.input-shell,.intro-shell,.status-panel,.result-area,.simple-grid>div,.device-guide-card,.faq-list,.matrix-info-section,.matrix-info-toc,.matrix-release-note,.guides-search-field,.guides-filter-group button,.guides-tutorial-feature,.guides-card,.guides-no-results,.guides-support-callout,.guide-content-card,.related-guide-list a,.how-use-step,.how-use-next,.release-card){color:#e2e8f0;box-shadow:none;background:#112017;border-color:#294238}html[data-theme=dark] :where(.how-use-steps,.how-use-faq,.guides-list-section,.changelog-listing){background:#0a1810}html[data-theme=dark] .how-use-extension{background:#0d1c13;border-color:#294238}html[data-theme=dark] main :where(h1,h2,h3,summary,label,strong){color:#f1f5f9}html[data-theme=dark] main :where(p,ul,ol,time){color:#a3b2c7}html[data-theme=dark] :where(.download-form input,.guides-search-field input){color:#f1f5f9}html[data-theme=dark] :where(.download-form input,.guides-search-field input)::placeholder{color:#718198}html[data-theme=dark] :where(.input-action,.video-group-header,.format-row,.device-guide-tip,.guide-category,.guides-card>span,.how-use-step-number){color:var(--color-brand-border);background:#0f2f1c;border-color:#294238}html[data-theme=dark] :where(.guides-filter-group button:hover,.guides-filter-group button.is-active,.related-guide-list a:hover,.outline-button:hover){color:var(--color-brand-border);background:#0f2f1c}html[data-theme=dark] .download-form input{background:0 0}html[data-theme=dark] .status-panel[data-state=error],html[data-theme=dark] .error-banner{color:#fecdd3;background:#4c0519;border-color:#881337}html[data-theme=dark] .status-panel[data-state=success]{color:#bbf7d0;background:#052e16;border-color:#166534}@media (width<=820px){.how-use-step-list{grid-template-columns:1fr}.how-use-step{grid-template-columns:1fr;gap:18px}.how-use-settings-tip{grid-template-columns:1fr}.how-use-step-copy{padding:0 4px 4px}.guides-tutorial-feature,.guides-support-callout,.how-use-next{flex-direction:column;align-items:stretch}.guides-tutorial-feature>a,.guides-support-callout>a{text-align:center}.how-use-note-grid{grid-template-columns:1fr}}@media (width<=720px){.how-use-hero-inner,.how-use-shell{width:min(100% - 28px,920px)}.how-use-hero-inner{padding:38px 0}.how-use-steps,.how-use-faq{padding:44px 0}.guides-topics-header{grid-template-columns:1fr}.guides-results-count{grid-area:auto/1}}.manual-center,.blog-page{background:#fff}body.guides-hub-page .header-inner,body.blog-page .header-inner{width:min(100% - 96px,1340px)}.manual-hero,.blog-hero{border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 78% 0,#16a34a14,#0000 28rem),linear-gradient(#fbfefc 0%,#fff 100%)}.manual-hero-inner,.manual-workspace-grid,.manual-directory-inner,.blog-hero-inner,.blog-empty-shell{width:min(100% - 96px,1340px)}.manual-hero-inner{padding:34px 0 26px}.manual-eyebrow,.blog-hero-inner>span{color:var(--color-brand-dark);letter-spacing:.13em;text-transform:uppercase;font-size:13px;font-weight:780;display:block}.manual-hero h1,.blog-hero h1{color:#07143b;letter-spacing:-.035em;margin:12px 0 0;font-size:clamp(40px,4.2vw,58px);font-weight:790;line-height:1.05}.manual-hero p,.blog-hero p{color:#5d6d8a;max-width:760px;margin:13px 0 0;font-size:17px;line-height:1.58}.manual-search{background:#ffffffeb;border:1px solid #d1dfd6;border-radius:14px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:14px;width:min(100%,940px);height:62px;margin-top:24px;padding:0 20px;display:grid}.manual-search:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 4px #16a34a1a}.manual-search>i{color:#60708e;font-size:23px}.manual-search input{color:#0f172a;background:0 0;border:0;outline:0;min-width:0;height:100%;padding:0;font-size:16px}.manual-mobile-browser,.manual-mobile-changelog{display:none}.manual-workspace{background:#fff}.manual-workspace-grid{grid-template-columns:330px minmax(0,1fr);gap:42px;padding:28px 0 34px;display:grid}.manual-sidebar{border-inline-end:1px solid #dce7df;min-width:0;padding:0 32px 0 0}.manual-sidebar h2,.manual-section h2{color:#0b1536;margin:0;font-size:20px;font-weight:760;line-height:1.25}.manual-sidebar nav{gap:2px;margin-top:13px;display:grid}.manual-sidebar nav a,.manual-mobile-browser nav>a:not(.manual-changelog-link){color:#182442;border-radius:10px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:12px;min-height:44px;padding:8px 12px;font-size:14px;font-weight:560;display:grid}.manual-sidebar nav a>i,.manual-mobile-browser nav>a>i{color:#142343;font-size:20px}.manual-sidebar nav a:hover,.manual-sidebar nav a:focus-visible,.manual-sidebar nav a.is-active,.manual-mobile-browser nav>a:hover,.manual-mobile-browser nav>a.is-active{color:var(--color-brand-dark);background:#edf8f1}.manual-sidebar nav a.is-active,.manual-mobile-browser nav>a.is-active{font-weight:720}.manual-sidebar nav a.is-active>i,.manual-mobile-browser nav>a.is-active>i{color:var(--color-brand)}.manual-changelog-link{border-top:1px solid #dce7df;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:14px;min-height:64px;margin-top:20px;padding:20px 12px 0;display:grid}.manual-changelog-link>i{color:#132345;font-size:24px}.manual-changelog-link span,.manual-changelog-link strong,.manual-changelog-link small{display:block}.manual-changelog-link strong{color:#15203d;font-size:14px;line-height:1.35}.manual-changelog-link small{color:#66738d;margin-top:2px;font-size:12px}.manual-primary{gap:24px;min-width:0;display:grid}.manual-section h2{margin-bottom:12px}.manual-feature,.manual-choice{background:#fff;border:1px solid #9ddab2;border-radius:15px;transition:border-color .16s,background .16s,transform .16s}.manual-feature:hover,.manual-choice:hover{border-color:var(--color-brand);background:#fbfffc;transform:translateY(-1px)}.manual-feature{grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:122px;padding:18px 28px;display:grid}.manual-icon{width:62px;height:62px;color:var(--color-brand);background:#f1f9f4;border:1px solid #d3eadb;border-radius:50%;place-items:center;font-size:32px;display:grid}.manual-icon--large{width:72px;height:72px;font-size:40px}.manual-feature-copy,.manual-feature-copy strong,.manual-feature-copy small,.manual-choice>span:not(.manual-icon),.manual-choice strong,.manual-choice small{display:block}.manual-feature-copy strong,.manual-choice strong{color:#0a1435;font-size:18px;font-weight:760;line-height:1.35}.manual-feature-copy small,.manual-choice small{color:#60708d;max-width:520px;margin-top:4px;font-size:13px;line-height:1.55}.manual-feature-action{color:#fff;background:var(--color-brand);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:16px;min-height:52px;padding:0 24px;font-size:14px;font-weight:720;display:inline-flex}.manual-feature-action i,.manual-choice>i,.manual-topic-list a>i:last-child{font-size:20px}.manual-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.manual-choice{grid-template-columns:62px minmax(0,1fr) 24px;align-items:center;gap:16px;min-height:122px;padding:18px;display:grid}.manual-choice>i{color:var(--color-brand)}.manual-topic-list{border:1px solid #d9e4dd;border-radius:13px;overflow:hidden}.manual-topic-list a{color:#16213f;background:#fff;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;gap:14px;min-height:54px;padding:10px 20px;font-size:14px;font-weight:650;display:grid}.manual-topic-list a+a{border-top:1px solid #e1e9e4}.manual-topic-list a:hover,.manual-topic-list a:focus-visible{background:#f6fbf8}.manual-topic-list a>i:first-child{color:var(--color-brand);font-size:22px}.manual-topic-list a>i:last-child{color:#52698e}.manual-directory{border-top:1px solid var(--color-border);background:var(--color-surface);padding:58px 0 72px;scroll-margin-top:88px}.manual-directory:focus{outline:none}.manual-directory-inner>header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;display:grid}.manual-directory-inner>header span{color:var(--color-brand-dark);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:750}.manual-directory-inner>header h2{color:#0a1435;margin:8px 0 0;font-size:34px;line-height:1.2}.manual-directory-inner>header p:not(.manual-results-count){color:#64748b;margin:8px 0 0}.manual-results-count{color:#64748b;margin:0;font-size:13px}.manual-filter-bar{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.manual-filter-bar button{color:#475569;background:#fff;border:1px solid #c9ddd0;border-radius:999px;min-height:38px;padding:0 14px;font-size:13px;font-weight:700}.manual-filter-bar button:hover,.manual-filter-bar button.is-active{border-color:var(--color-brand);color:var(--color-brand-dark);background:var(--color-brand-soft)}.guides-card>div a{align-items:center;gap:6px;display:inline-flex}.blog-hero-inner{text-align:center;padding:72px 0 68px}.blog-hero h1,.blog-hero p{max-width:900px;margin-inline:auto}.blog-empty-section{background:var(--color-surface);padding:64px 0 80px}.blog-empty-shell{max-width:980px}.blog-empty-message{border:1px solid var(--color-border);background:#fff;border-radius:18px;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:20px;padding:28px;display:grid}.blog-empty-message>i{width:56px;height:56px;color:var(--color-brand);background:var(--color-brand-soft);border-radius:50%;place-items:center;font-size:28px;display:grid}.blog-empty-message h2,.blog-empty-message p{margin:0}.blog-empty-message h2{color:#0a1435;font-size:24px}.blog-empty-message p{color:#64748b;margin-top:6px}.blog-route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.blog-route-grid>a{border:1px solid var(--color-border);background:#fff;border-radius:18px;grid-template-columns:48px minmax(0,1fr);gap:18px;min-height:190px;padding:26px;display:grid}.blog-route-grid>a:hover{border-color:var(--color-brand-border);background:#fbfffc}.blog-route-grid>a>i{color:var(--color-brand);font-size:36px}.blog-route-grid span,.blog-route-grid strong,.blog-route-grid small,.blog-route-grid b{display:block}.blog-route-grid strong{color:#0a1435;font-size:19px}.blog-route-grid small{color:#64748b;margin-top:7px;font-size:14px;line-height:1.6}.blog-route-grid b{color:var(--color-brand-dark);margin-top:18px;font-size:14px}.blog-route-grid b i{margin-inline-start:6px}.blog-list-section,.blog-post-main{background:var(--color-surface);padding:58px 0 76px}.blog-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:min(100% - 96px,1120px);display:grid}.blog-post-card{border:1px solid var(--color-border);background:#fff;border-radius:18px;min-height:230px;padding:28px;position:relative}.blog-post-card time,.blog-post-hero time{color:#64748b;font-size:13px}.blog-post-card h2{color:#0a1435;margin:14px 0 0;font-size:24px;line-height:1.3}.blog-post-card p{color:#64748b;margin:10px 0 0;line-height:1.65}.blog-post-card>a:last-child{color:var(--color-brand-dark);font-size:22px;position:absolute;bottom:25px;right:28px}.blog-post-hero{border-bottom:1px solid var(--color-border);background:linear-gradient(#fbfefc 0%,#fff 100%)}.blog-post-hero-inner,.blog-post-article{width:min(100% - 96px,860px)}.blog-post-hero-inner{padding:50px 0 58px}.blog-post-hero h1{color:#07143b;letter-spacing:-.035em;margin:26px 0 0;font-size:clamp(38px,4.8vw,60px);line-height:1.08}.blog-post-hero p{color:#5d6d8a;max-width:760px;margin:17px 0 0;font-size:18px;line-height:1.65}.blog-post-hero time{margin-top:18px;display:block}.blog-post-article{border:1px solid var(--color-border);background:#fff;border-radius:20px;padding:40px}.blog-post-article section+section{margin-top:38px}.blog-post-article h2{color:#0a1435;margin:0;font-size:28px}.blog-post-article p{color:#475569;margin:14px 0 0;font-size:17px;line-height:1.8}html[data-theme=dark] :where(.manual-center,.manual-workspace,.blog-page){background:#0a1810}html[data-theme=dark] :where(.manual-hero,.blog-hero){background:radial-gradient(circle at 72% 0,#16a34a2e,#0000 28rem),linear-gradient(#10261a 0%,#0a1810 100%);border-color:#294238}html[data-theme=dark] :where(.manual-search,.manual-feature,.manual-choice,.manual-topic-list,.manual-topic-list a,.manual-filter-bar button,.blog-empty-message,.blog-route-grid>a,.blog-post-card,.blog-post-article){color:#e2e8f0;background:#112017;border-color:#294238}html[data-theme=dark] :where(.manual-hero h1,.manual-section h2,.manual-sidebar h2,.manual-feature-copy strong,.manual-choice strong,.manual-topic-list a,.manual-directory-inner h2,.blog-hero h1,.blog-empty-message h2,.blog-route-grid strong,.blog-post-card h2,.blog-post-hero h1,.blog-post-article h2){color:#f1f5f9}html[data-theme=dark] :where(.manual-hero p,.manual-feature-copy small,.manual-choice small,.blog-hero p,.blog-empty-message p,.blog-route-grid small,.blog-post-card p,.blog-post-hero p,.blog-post-article p){color:#a3b2c7}html[data-theme=dark] .manual-search input{color:#f1f5f9}html[data-theme=dark] .manual-sidebar{border-color:#294238}html[data-theme=dark] :where(.manual-sidebar nav a,.manual-changelog-link strong,.manual-changelog-link>i,.manual-mobile-changelog strong,.manual-mobile-changelog>i){color:#dbe7df}html[data-theme=dark] .manual-mobile-changelog{border-color:#294238}html[data-theme=dark] .manual-mobile-changelog small{color:#a3b2c7}html[data-theme=dark] :where(.manual-sidebar nav a:hover,.manual-sidebar nav a.is-active,.manual-mobile-browser nav a:hover,.manual-mobile-browser nav a.is-active,.manual-filter-bar button.is-active){color:#86efac;background:#0f2f1c}html[data-theme=dark] .manual-directory,html[data-theme=dark] .blog-empty-section,html[data-theme=dark] .blog-list-section,html[data-theme=dark] .blog-post-main{background:#0d1c13;border-color:#294238}@media (width<=980px){body.guides-hub-page .header-inner,body.blog-page .header-inner,.manual-hero-inner,.manual-workspace-grid,.manual-directory-inner,.blog-hero-inner,.blog-empty-shell,.blog-post-grid,.blog-post-hero-inner,.blog-post-article{width:min(100% - 48px,940px)}.manual-workspace-grid{grid-template-columns:260px minmax(0,1fr);gap:28px}.manual-sidebar{padding-inline-end:22px}.manual-feature{grid-template-columns:72px minmax(0,1fr)}.manual-feature-action{grid-column:2;width:fit-content}.manual-choice-grid{grid-template-columns:1fr}}@media (width<=760px){body.guides-hub-page .header-inner,body.blog-page .header-inner{min-height:54px}body.guides-hub-page .header-inner,body.blog-page .header-inner,.manual-hero-inner,.manual-workspace-grid,.manual-directory-inner,.blog-hero-inner,.blog-empty-shell,.manual-mobile-browser{width:min(100% - 36px,640px)}.manual-hero-inner{padding:24px 0 0}.manual-eyebrow,.blog-hero-inner>span{font-size:10px}.manual-hero h1,.blog-hero h1{margin-top:8px;font-size:31px;line-height:1.08}.manual-hero p,.blog-hero p{margin-top:7px;font-size:13px;line-height:1.55}.manual-search{border-radius:9px;height:48px;margin-top:14px;padding:0 13px}.manual-search>i{font-size:18px}.manual-search input{font-size:13px}.manual-mobile-browser{border:1px solid var(--color-border);background:#fff;border-radius:9px;margin-top:12px;display:block}.manual-mobile-browser summary{color:#12203f;cursor:pointer;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-size:12px;font-weight:700;list-style:none;display:grid}.manual-mobile-browser summary::-webkit-details-marker{display:none}.manual-mobile-browser summary>i:first-child{color:var(--color-brand);font-size:18px}.manual-mobile-browser[open] summary>i:last-child{transform:rotate(180deg)}.manual-mobile-browser nav{border-top:1px solid var(--color-border);gap:2px;padding:6px;display:grid}.manual-sidebar{display:none}.manual-workspace-grid{grid-template-columns:1fr;padding:18px 0 24px}.manual-primary{gap:17px}.manual-sidebar h2,.manual-section h2{margin-bottom:8px;font-size:15px}.manual-feature{border-radius:9px;grid-template-columns:56px minmax(0,1fr) 18px;gap:10px;min-height:104px;padding:13px}.manual-icon,.manual-icon--large{width:50px;height:50px;font-size:27px}.manual-feature-copy strong,.manual-choice strong{font-size:13px}.manual-feature-copy small,.manual-choice small{margin-top:2px;font-size:10px;line-height:1.45}.manual-feature-action{min-height:0;color:var(--color-brand-dark);background:0 0;grid-column:2;justify-content:flex-start;padding:0;font-size:11px}.manual-feature>.ph-arrow-right{grid-column:3}.manual-choice-grid{gap:8px}.manual-choice{border-radius:9px;grid-template-columns:46px minmax(0,1fr) 18px;gap:10px;min-height:70px;padding:9px 12px}.manual-choice .manual-icon{width:42px;height:42px;font-size:22px}.manual-choice>i,.manual-feature-action i{font-size:16px}.manual-topic-list{border-radius:9px}.manual-topic-list a{grid-template-columns:20px minmax(0,1fr) 16px;gap:10px;min-height:36px;padding:6px 12px;font-size:10px}.manual-topic-list a>i:first-child,.manual-topic-list a>i:last-child{font-size:15px}.manual-mobile-changelog{color:#15203d;border-top:1px solid #dce7df;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:58px;margin-top:-7px;padding:10px 2px 0;display:grid}.manual-mobile-changelog>i:first-child{color:#132345;font-size:19px}.manual-mobile-changelog>i:last-child{color:#52698e;font-size:16px}.manual-mobile-changelog span,.manual-mobile-changelog strong,.manual-mobile-changelog small{display:block}.manual-mobile-changelog strong{font-size:11px;line-height:1.35}.manual-mobile-changelog small{color:#66738d;margin-top:2px;font-size:10px}.manual-directory{padding:40px 0 52px}.manual-directory-inner>header{grid-template-columns:1fr;gap:8px}.manual-directory-inner>header h2{font-size:27px}.manual-results-count{margin-top:0}.blog-hero-inner{padding:44px 0}.blog-empty-section{padding:38px 0 52px}.blog-empty-message,.blog-route-grid>a{grid-template-columns:44px minmax(0,1fr);padding:20px}.blog-route-grid,.blog-post-grid{grid-template-columns:1fr}.blog-post-hero-inner,.blog-post-article{width:min(100% - 36px,640px)}.blog-post-hero-inner{padding:34px 0 42px}.blog-post-hero h1{margin-top:20px;font-size:34px}.blog-post-hero p{font-size:15px}.blog-post-main{padding:34px 0 48px}.blog-post-article{border-radius:14px;padding:24px}.blog-post-article h2{font-size:23px}.blog-post-article p{font-size:15px}html[data-theme=dark] .manual-mobile-browser{background:#112017;border-color:#294238}html[data-theme=dark] .manual-mobile-browser summary{color:#e2e8f0}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}
