@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap";:root{--ink:#1d2a3b;--blue:#176fc1;--blue-deep:#1455a0;--blue-bright:#38a5e8;--blue-soft:#e8f2fc;--line:#e3e8ee;--body:"DM Sans", "Segoe UI", sans-serif;--display:"Manrope", "Segoe UI", sans-serif;--mono:"DM Mono", Consolas, monospace;font-family:var(--body);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#f9fbfd}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}::selection{color:#fff;background:var(--blue)}.gif-page{--gif-bg:#0a0e1a;--gif-surface:#101727;--gif-surface-raised:#151e30;--gif-surface-high:#1b263a;--gif-text:#e0e8f0;--gif-muted:#91a2b2;--gif-dim:#617184;--gif-line:#202b3b;--gif-blue:#7dd3fc;--gif-blue-dark:#0b2638;--gif-violet:#c8a0f0;min-height:100vh;color:var(--gif-text);background:radial-gradient(ellipse at 76% 15%, #503a711c, transparent 35rem), var(--gif-bg);font-family:Inter,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.gif-page *,.gif-page :before,.gif-page :after{box-sizing:border-box}.gif-page button,.gif-page input,.gif-page select{font:inherit}.gif-page a{color:inherit;text-decoration:none}.gif-page button:focus-visible,.gif-page a:focus-visible,.gif-page input:focus-visible,.gif-page select:focus-visible,.gif-page summary:focus-visible{outline:2px solid var(--gif-blue);outline-offset:3px}.gif-page ::selection{color:var(--gif-bg);background:var(--gif-blue)}.gif-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1320ed;border-bottom:1px solid #4a607024;height:64px;position:sticky;top:0}.gif-header-inner{align-items:center;gap:30px;width:min(100% - 64px,1320px);height:100%;margin:auto;display:flex}.gif-brand{letter-spacing:-.045em;flex:none;align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.gif-brand>span:last-child>span{color:var(--gif-blue)}.gif-brand-icon{width:30px;height:30px;color:var(--gif-blue);background:#16344a;border-radius:7px;place-items:center;display:grid}.gif-nav{align-items:center;gap:21px;display:flex}.gif-nav a,.gif-tools-trigger{color:#97a8b8;text-transform:uppercase;letter-spacing:.055em;font:10px DM Mono,Consolas,monospace;transition:color .15s}.gif-nav a:hover,.gif-nav a.is-active,.gif-tools-trigger:hover,.gif-tools-trigger.is-active{color:var(--gif-blue)}.gif-tools-menu{position:relative}.gif-page .gif-tools-trigger{cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font:10px DM Mono,Consolas,monospace;display:inline-flex}.gif-tools-trigger svg{width:10px;height:10px;transition:transform .15s}.gif-tools-menu.is-open .gif-tools-trigger svg{transform:rotate(180deg)}.gif-tools-dropdown{z-index:20;border:1px solid var(--gif-line);background:#111a29;border-radius:10px;width:250px;max-height:min(70vh,420px);padding:7px;display:none;position:absolute;top:calc(100% + 13px);left:-13px;overflow-y:auto;box-shadow:0 14px 34px #00000061}.gif-tools-menu.is-open .gif-tools-dropdown{display:grid}.gif-tools-dropdown a{color:#b6c5d2;text-transform:none;letter-spacing:0;border-radius:6px;padding:9px 10px;font:11px DM Sans,Segoe UI,sans-serif}.gif-tools-dropdown a:hover{color:var(--gif-blue);background:#1b2638}.gif-menu-button{color:var(--gif-text);background:0 0;border:0;border-radius:7px;padding:6px;display:none}.gif-main{width:min(100% - 72px,1320px);margin:0 auto}.gif-breadcrumb{color:var(--gif-muted);align-items:center;gap:10px;padding:21px 0 15px;font:10px DM Mono,Consolas,monospace;display:flex}.gif-breadcrumb a:hover,.gif-breadcrumb strong{color:var(--gif-blue)}.gif-breadcrumb strong{font-weight:500}.gif-breadcrumb>span{color:#465568}.gif-hero{max-width:830px;margin:3px 0 32px}.gif-ready{color:var(--gif-blue);letter-spacing:.08em;background:#121d2d;border:1px solid #7dd3fc14;border-radius:999px;align-items:center;gap:8px;padding:5px 10px;font:9px DM Mono,Consolas,monospace;display:inline-flex}.gif-ready>span{background:var(--gif-blue);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #7dd3fc1a}.gif-hero h1{letter-spacing:-.04em;max-width:790px;margin:12px 0 8px;font-size:clamp(30px,3.1vw,42px);font-weight:700;line-height:1.08}.gif-hero p{max-width:690px;color:var(--gif-muted);margin:0;font-size:14px;line-height:1.55}.gif-workspace{grid-template-columns:minmax(0,1.42fr) minmax(300px,1fr);align-items:stretch;gap:28px;display:grid}.gif-upload-column{flex-direction:column;min-width:0;display:flex}.gif-tabs{scrollbar-width:none;background:#121a2a;border-radius:999px;align-items:center;gap:4px;min-height:36px;margin-bottom:12px;padding:4px;display:flex;overflow-x:auto}.gif-tabs::-webkit-scrollbar{display:none}.gif-tab{min-width:max-content;color:var(--gif-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;transition:color .16s,background .16s;display:inline-flex;font-size:10px!important}.gif-tab:hover{color:var(--gif-text);background:#1b2638}.gif-tab.is-active{color:#082234;background:var(--gif-blue);font-weight:700}.gif-dropzone{background:linear-gradient(145deg,#131c2deb,#0e1523eb);border:1px solid #4a60700f;border-radius:17px;flex:1;justify-content:center;align-items:center;min-height:448px;padding:25px;transition:border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.gif-dropzone.is-dragging{border-color:var(--gif-blue);background:#15243a}.gif-file-input{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gif-upload-prompt{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.gif-upload-icon{width:62px;height:62px;color:var(--gif-blue);background:#17243a;border-radius:13px;place-items:center;margin-bottom:16px;display:grid}.gif-upload-prompt>strong,.gif-state-message>strong{font-size:15px;font-weight:700;line-height:1.3}.gif-upload-prompt>p,.gif-state-message>p{max-width:430px;color:var(--gif-muted);margin:5px 0 19px;font-size:11px;line-height:1.55}.gif-upload-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.gif-primary-button,.gif-secondary-button,.gif-demo-button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex;font-size:11px!important}.gif-primary-button{color:#072334;background:var(--gif-blue)}.gif-primary-button:hover{background:#a0e2ff;transform:translateY(-1px)}.gif-demo-button,.gif-secondary-button{color:var(--gif-text);background:#1a2437}.gif-demo-button svg{color:var(--gif-violet)}.gif-demo-button:hover,.gif-secondary-button:hover{background:#25334a}.gif-upload-benefits{color:#93abc0;flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;margin-top:29px;font:9px DM Mono,Consolas,monospace;display:flex}.gif-upload-benefits span{align-items:center;gap:5px;display:inline-flex}.gif-upload-benefits i{color:var(--gif-blue);font-style:normal}.gif-file-preview{flex-direction:column;align-items:center;gap:17px;width:100%;display:flex}.gif-preview-image{border:1px solid var(--gif-line);background-color:#0c1220;background-image:linear-gradient(45deg,#162237 25%,#0000 25%),linear-gradient(-45deg,#162237 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#162237 75%),linear-gradient(-45deg,#0000 75%,#162237 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:10px;place-items:center;max-width:100%;max-height:282px;display:grid;overflow:hidden}.gif-preview-image img,.gif-preview-image video{object-fit:contain;max-width:100%;max-height:282px}.gif-file-summary{border:1px solid var(--gif-line);background:#0a0e1a99;border-radius:10px;align-items:center;gap:11px;width:min(100%,460px);padding:11px;display:flex}.gif-file-icon{width:35px;height:35px;color:var(--gif-blue);background:#162a40;border-radius:8px;flex:none;place-items:center;display:grid}.gif-file-summary>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.gif-file-summary strong{color:var(--gif-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.gif-file-summary>div>span{color:var(--gif-muted);font:9px DM Mono,Consolas,monospace}.gif-remove-file{color:var(--gif-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:6px;display:grid}.gif-remove-file:hover{color:#ff9e9e;background:#32202a}.gif-state-message{text-align:center;flex-direction:column;align-items:center;width:min(100%,460px);display:flex}.gif-state-icon{width:55px;height:55px;color:var(--gif-blue);background:#17243a;border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.gif-state-icon.is-error{color:#ff9696;background:#3a202c}.gif-state-message>p{margin-bottom:16px}.gif-telemetry{border:1px solid var(--gif-line);width:100%;color:var(--gif-muted);background:#0d1422;border-radius:9px;justify-content:space-around;padding:13px 4px;font:8px DM Mono,Consolas,monospace;display:flex}.gif-telemetry span{text-align:center;gap:4px;display:grid}.gif-telemetry b{color:var(--gif-blue);font-size:10px}.gif-parameters{background:#181f31db;border:1px solid #4a607014;border-radius:16px;flex-direction:column;gap:17px;padding:20px;display:flex;box-shadow:0 17px 45px #00000024}.gif-parameters-title{justify-content:space-between;align-items:center;gap:9px;padding-bottom:2px;display:flex}.gif-parameters-title>div{color:var(--gif-blue);align-items:center;gap:8px;display:flex}.gif-parameters-title h2{color:var(--gif-text);margin:0;font-size:14px;font-weight:700}.gif-parameters-title>span{color:var(--gif-violet);white-space:nowrap;font:8px DM Mono,Consolas,monospace}.gif-setting{border:0;min-width:0;margin:0;padding:0}.gif-setting-heading{color:var(--gif-text);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.gif-setting-heading>span{align-items:center;gap:6px;display:inline-flex}.gif-setting-heading svg,.gif-fps-setting legend svg{color:var(--gif-blue);flex:none}.gif-setting-heading>strong{color:var(--gif-blue);white-space:nowrap;font:700 9px DM Mono,Consolas,monospace}.gif-scale-switch{background:#121b2c;border-radius:999px;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;padding:3px;display:grid}.gif-scale-switch button{color:var(--gif-text);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 5px;font-size:9px!important}.gif-scale-switch button.is-active{color:#082234;background:var(--gif-blue);font-weight:700}.gif-scale-switch small{opacity:.78;font:8px DM Mono,Consolas,monospace}.gif-fps-setting legend{width:100%;color:var(--gif-text);justify-content:space-between;align-items:center;padding:0;font-size:10px;display:flex}.gif-fps-setting legend>span{align-items:center;gap:6px;display:inline-flex}.gif-fps-setting legend small{color:#91b3c8;font:8px DM Mono,Consolas,monospace}.gif-fps-setting label{cursor:pointer;background:#0c142285;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:9px;margin-top:7px;padding:9px;display:flex}.gif-fps-setting label.is-selected{background:#1b293e}.gif-fps-setting input{width:12px;height:12px;accent-color:var(--gif-blue);flex:none;margin:2px 0 0}.gif-fps-setting label>span{flex-direction:column;gap:3px;display:flex}.gif-fps-setting label b{color:var(--gif-text);font-size:9px;font-weight:500}.gif-fps-setting label small{color:var(--gif-muted);font-size:8px;line-height:1.45}.gif-palette-setting{flex-direction:column;gap:8px;display:flex}.gif-palette-setting .gif-setting-heading>small{color:var(--gif-violet);white-space:nowrap;font:8px DM Mono,Consolas,monospace}.gif-palette-setting select{width:100%;min-width:0;height:37px;color:var(--gif-text);background:#202b40;border:1px solid #0000;border-radius:999px;padding:0 9px;font-size:8px}.gif-palette-setting option{color:var(--gif-text);background:#151e30}.gif-compression{flex-direction:column;gap:8px;display:flex}.gif-compression input{width:100%;height:5px;accent-color:var(--gif-blue);cursor:pointer;border-radius:999px;margin:4px 0 0}.gif-range-labels{color:var(--gif-muted);justify-content:space-between;font:7px DM Mono,Consolas,monospace;display:flex}.gif-alpha-setting{color:var(--gif-text);background:#121b2a;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:10px;font-size:9px;font-weight:500;display:flex}.gif-alpha-setting>span{align-items:center;gap:7px;display:inline-flex}.gif-alpha-icon{color:var(--gif-blue);font-size:15px}.gif-alpha-setting input{width:14px;height:14px;accent-color:var(--gif-blue);cursor:pointer}.gif-process-button{color:#062234;background:var(--gif-blue);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;margin-top:1px;padding:10px 12px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex;font-size:11px!important}.gif-process-button:hover{background:#a0e2ff;transform:translateY(-1px)}.gif-comparison-section{margin-top:54px}.gif-section-heading{margin-bottom:16px}.gif-kicker{color:var(--gif-blue);text-transform:uppercase;letter-spacing:.14em;margin-bottom:7px;font:9px DM Mono,Consolas,monospace;display:block}.gif-section-heading h2{color:var(--gif-text);letter-spacing:-.025em;margin:0;font-size:clamp(19px,2.2vw,26px);font-weight:700;line-height:1.25}.gif-section-heading>p{max-width:690px;color:var(--gif-muted);margin:8px 0 0;font-size:11px;line-height:1.6}.gif-comparison{--comparison:50%;-webkit-user-select:none;user-select:none;background:#111827;border-radius:13px;height:clamp(280px,35vw,490px);position:relative;overflow:hidden;container-type:inline-size}.gif-comparison-after,.gif-comparison-before img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gif-comparison-before{z-index:1;width:var(--comparison);position:absolute;inset:0 auto 0 0;overflow:hidden}.gif-comparison-before img{filter:blur(.7px)saturate(.9);width:100cqw;max-width:none}.gif-comparison-label{z-index:2;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#c4d1dc;background:#0a0e1ac7;border-radius:6px;align-items:center;gap:6px;padding:6px 9px;font:8px DM Mono,Consolas,monospace;display:inline-flex;position:absolute;top:14px}.gif-comparison-label.is-before{left:13px}.gif-comparison-label.is-after{color:var(--gif-blue);right:13px}.gif-comparison-label.is-after>span{background:var(--gif-blue);border-radius:50%;width:6px;height:6px}.gif-comparison-divider{z-index:3;top:0;bottom:0;left:var(--comparison);pointer-events:none;background:var(--gif-blue);width:2px;position:absolute;box-shadow:0 0 16px #7dd3fc66}.gif-comparison-divider>span{background:var(--gif-blue);color:#082234;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:31px;height:31px;font-size:16px;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gif-comparison-range{z-index:4;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.gif-comparison-telemetry{z-index:3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#bbcad7;pointer-events:none;background:#0c131fc7;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font:8px DM Mono,Consolas,monospace;display:flex;position:absolute;bottom:13px;left:13px;right:13px}.gif-comparison-telemetry b{color:var(--gif-blue);font-weight:500}.gif-telemetry-hint{color:#87b8d0}.gif-pipeline-section{background:linear-gradient(130deg,#101827f0,#0d1320f5);border:1px solid #4a607012;border-radius:13px;margin-top:38px;padding:23px 24px 20px}.gif-pipeline-section .gif-section-heading{margin-bottom:16px}.gif-pipeline-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.gif-pipeline-card{background:#172134;border:1px solid #5c718b0d;border-radius:13px;min-width:0;padding:14px}.gif-pipeline-number{width:29px;height:29px;color:var(--gif-blue);background:#202e44;border-radius:50%;place-items:center;font:700 8px DM Mono,Consolas,monospace;display:grid}.gif-pipeline-card h3{color:var(--gif-text);margin:10px 0 7px;font-size:10px;font-weight:700;line-height:1.35}.gif-pipeline-card p{color:var(--gif-muted);margin:0;font-size:9px;line-height:1.55}.gif-faq-section{margin-top:39px}.gif-faq-section .gif-section-heading{margin-bottom:13px}.gif-faq-list{flex-direction:column;gap:8px;display:flex}.gif-faq-item{background:#111827;border-radius:10px}.gif-faq-item summary{min-height:42px;color:var(--gif-text);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:10px 15px;font-size:10px;font-weight:600;list-style:none;display:flex}.gif-faq-item summary::-webkit-details-marker{display:none}.gif-faq-item summary svg{color:var(--gif-blue);flex:none;transition:transform .15s}.gif-faq-item[open] summary svg{transform:rotate(180deg)}.gif-faq-item p{color:var(--gif-muted);margin:-1px 15px 0;padding:0 0 14px;font-size:10px;line-height:1.65}.gif-related-section{margin-top:37px}.gif-related-section .gif-section-heading{margin-bottom:13px}.gif-related-section .gif-section-heading h2{font-size:18px}.gif-related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.gif-related-card{background:linear-gradient(140deg,#121a2a,#0f1625);border:1px solid #4a60700f;border-radius:12px;flex-direction:column;justify-content:space-between;gap:12px;min-height:119px;padding:13px;transition:background .16s,transform .16s;display:flex}.gif-related-card:hover{background:#192438;transform:translateY(-2px)}.gif-related-card>div{color:var(--gif-blue);justify-content:space-between;align-items:center;display:flex}.gif-related-card:nth-child(2)>div{color:var(--gif-violet)}.gif-related-card>div>svg:last-child{color:#95aabc}.gif-related-card>strong{color:var(--gif-text);margin-bottom:-8px;font-size:9px}.gif-related-card>span{color:var(--gif-muted);font-size:8px;line-height:1.45}.gif-footer{background:#090d178c;margin-top:48px;padding:34px 0 38px}.gif-footer-inner{grid-template-columns:1.8fr 1fr 1fr 1fr;gap:45px;width:min(100% - 72px,1320px);margin:0 auto;display:grid}.gif-footer-brand .gif-brand{font-size:13px}.gif-footer-brand .gif-brand-icon{width:25px;height:25px}.gif-footer-brand p{max-width:370px;color:var(--gif-muted);margin:13px 0 11px;font-size:9px;line-height:1.65}.gif-privacy{color:#9bb4c7;background:#111b2a;border-radius:999px;align-items:center;gap:5px;padding:5px 7px;font:7px DM Mono,Consolas,monospace;display:inline-flex}.gif-footer-column{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.gif-footer-column>strong{color:var(--gif-text);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:8px}.gif-footer-column a{color:var(--gif-muted);font-size:9px}.gif-footer-column a:hover{color:var(--gif-blue)}@media (width>=1500px){.gif-main,.gif-header-inner,.gif-footer-inner{width:min(100% - 100px,1380px)}.gif-comparison-before img{width:min(100%,1380px)}}@media (width<=900px){.gif-header-inner{gap:20px;width:calc(100% - 72px)}.gif-nav{gap:13px}.gif-main,.gif-footer-inner{width:calc(100% - 72px)}.gif-hero h1{max-width:480px}.gif-hero p{max-width:470px;font-size:12px}.gif-workspace{grid-template-columns:minmax(0,1.42fr) minmax(270px,1fr);gap:18px}.gif-dropzone{min-height:430px;padding:18px}.gif-parameters{gap:14px;padding:17px}.gif-upload-benefits{gap:8px;font-size:8px}.gif-footer-inner{gap:24px}}@media (width<=700px){.gif-header{height:58px}.gif-header-inner{gap:12px;width:calc(100% - 32px)}.gif-menu-button{place-items:center;margin-left:auto;display:grid}.gif-nav{border:1px solid var(--gif-line);background:#111a29;border-radius:12px;align-items:stretch;gap:0;padding:8px;display:none;position:absolute;top:58px;left:12px;right:12px;box-shadow:0 12px 30px #00000052}.gif-nav.is-open{flex-direction:column;display:flex}.gif-nav a{border-radius:7px;padding:10px 12px}.gif-tools-trigger{border-radius:7px;justify-content:space-between;width:100%;padding:10px 12px}.gif-tools-trigger:hover{background:#1b2638}.gif-tools-dropdown{width:auto;max-height:min(45vh,320px);margin:0 6px 7px;position:static}.gif-nav a:hover{background:#1b263a}.gif-main{width:calc(100% - 36px)}.gif-breadcrumb{padding:17px 0 14px;font-size:9px}.gif-hero{margin-bottom:23px}.gif-hero h1{max-width:580px;font-size:clamp(29px,8vw,38px)}.gif-hero p{font-size:12px}.gif-workspace{grid-template-columns:1fr;gap:16px}.gif-dropzone{min-height:345px}.gif-parameters{padding:17px}.gif-tabs{margin-bottom:9px}.gif-tab{padding:7px 9px;font-size:9px!important}.gif-comparison-section{margin-top:36px}.gif-comparison{height:clamp(250px,66vw,390px)}.gif-comparison-telemetry{flex-wrap:wrap;justify-content:flex-start;gap:4px 13px}.gif-telemetry-hint{display:none}.gif-pipeline-section{margin-top:28px;padding:19px 16px 16px}.gif-pipeline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gif-faq-section,.gif-related-section{margin-top:30px}.gif-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gif-footer{margin-top:34px;padding:27px 0}.gif-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px;width:calc(100% - 36px)}.gif-footer-brand{grid-column:1/-1}}@media (width<=420px){.gif-header-inner{width:calc(100% - 24px)}.gif-brand{gap:6px;font-size:13px}.gif-brand-icon{width:27px;height:27px}.gif-main{width:calc(100% - 28px)}.gif-ready{font-size:8px}.gif-hero h1{font-size:29px}.gif-dropzone{min-height:320px;padding:14px}.gif-upload-benefits{gap:7px;font-size:7px}.gif-upload-benefits i{display:none}.gif-parameters{gap:15px;padding:14px}.gif-parameters-title h2{font-size:12px}.gif-parameters-title>span{font-size:7px}.gif-comparison{height:255px}.gif-comparison-label{padding:5px 6px;font-size:7px;top:9px}.gif-comparison-label.is-before{left:8px}.gif-comparison-label.is-after{right:8px}.gif-comparison-telemetry{padding:8px;font-size:7px;bottom:8px;left:8px;right:8px}.gif-pipeline-card{padding:11px}.gif-footer-inner{width:calc(100% - 28px)}}@media (prefers-reduced-motion:reduce){.gif-page *,.gif-page :before,.gif-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{background:radial-gradient(at 50% -35%,#eff6fd 0,#0000 55%),#f9fbfd;min-height:100vh}.app-shell--embedded{--ink:#e0e8f0;--blue:#7dd3fc;--blue-deep:#7dd3fc;--blue-bright:#7dd3fc;--blue-soft:#172a40;--line:#263247;color:#e0e8f0;background:#0a0e1a}.app-shell.app-shell--embedded{background:#0a0e1a}.app-shell--embedded .intro-row h1{color:#e0e8f0}.app-shell--embedded .intro-row h1 span{color:#7dd3fc}.app-shell--embedded .intro-copy{color:#91a2b2}.app-shell--embedded .url-form{background:#141c2e;border-color:#263247;box-shadow:0 8px 28px #00000029}.app-shell--embedded .url-icon{color:#91a2b2}.app-shell--embedded .url-form input{color:#e0e8f0}.app-shell--embedded .url-form input::placeholder{color:#718398}.app-shell--embedded .search-button,.app-shell--embedded .download-button{color:#082234;background:#7dd3fc;box-shadow:0 5px 16px #7dd3fc26}.app-shell--embedded .search-button:hover,.app-shell--embedded .download-button:hover:not(:disabled){color:#082234;background:#a0e2ff;box-shadow:0 7px 18px #7dd3fc38}.app-shell--embedded .editor,.app-shell--embedded .empty-workspace{background:#101727;border-color:#202b3b;box-shadow:0 12px 38px #0003}.app-shell--embedded .image-stage{background-color:#0c1220;background-image:linear-gradient(45deg,#162237 25%,#0000 25%),linear-gradient(-45deg,#162237 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#162237 75%),linear-gradient(-45deg,#0000 75%,#162237 75%)}.app-shell--embedded .stage-label{color:#d4e0eb;background:#0f1727f0;border-color:#314057}.app-shell--embedded .stage-dimensions{background:#0a0e1ad1}.app-shell--embedded .section-kicker{color:#91a2b2}.app-shell--embedded .file-type{color:#a8b8c8;border-color:#334155}.app-shell--embedded .metadata-line,.app-shell--embedded .metadata-format{color:#91a2b2;border-color:#263247}.app-shell--embedded .metadata-grid>div+div{border-color:#263247}.app-shell--embedded .metadata-grid span,.app-shell--embedded .metadata-format{color:#91a2b2}.app-shell--embedded .metadata-grid strong,.app-shell--embedded .metadata-format strong,.app-shell--embedded .output-summary strong{color:#e0e8f0}.app-shell--embedded .metadata-grid small,.app-shell--embedded .output-summary small{color:#91a2b2}.app-shell--embedded .settings-row{background:#141c2e;border-color:#263247}.app-shell--embedded .settings-hint,.app-shell--embedded .format-field label,.app-shell--embedded .dimension-fields label>span{color:#91a2b2}.app-shell--embedded .format-field select,.app-shell--embedded .dimension-input{color:#e0e8f0;background:#0f1727;border-color:#334155}.app-shell--embedded .dimension-input small{color:#91a2b2}.app-shell--embedded .dimension-times,.app-shell--embedded .limit-note{color:#8294a8}.app-shell--embedded .output-summary{border-color:#263247}.app-shell--embedded .output-summary>div>div>span{color:#91a2b2}.app-shell--embedded .output-icon{color:#7dd3fc;background:#172a40}.app-shell--embedded .empty-frame{color:#7dd3fc;background:repeating-linear-gradient(135deg,#121d2d 0 10px,#17243a 10px 20px);border-color:#2c4760}.app-shell--embedded .empty-frame>span{color:#91a2b2}.app-shell--embedded .empty-frame-grid{background-image:linear-gradient(90deg,#0000 49.7%,#38536d 50%,#0000 50.3%),linear-gradient(#0000 49.7%,#38536d 50%,#0000 50.3%)}.app-shell--embedded .empty-copy>p{color:#91a2b2}.app-shell--embedded .privacy-note,.app-shell--embedded .processing-note,.app-shell--embedded .success-note{color:#7dd3fc}.app-shell--embedded .loading-state,.app-shell--embedded .preview-fallback{color:#91a2b2}.app-shell--embedded .error-message{color:#ffc1c1;background:#301b27;border-color:#63333c}.app-shell--embedded .error-message>span{background:#b64e5b}.topbar{border-bottom:1px solid var(--line);background:#f9fbfdf0;justify-content:space-between;align-items:center;height:68px;padding:0 max(32px,50vw - 590px);display:flex}.brand{color:var(--ink);font:700 19px/1 var(--display);letter-spacing:0;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg, var(--blue-bright), var(--blue-deep));border-radius:8px;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 4px 10px #176fc133}.brand-dot{color:var(--blue)}.topbar-note,.eyebrow,.section-kicker,.stage-label,.stage-dimensions span,.file-type,.ratio-lock,.limit-note,.output-summary>div>div>span,.workspace-footer,.empty-frame>span,.privacy-note,.footer-powered{font-family:var(--mono);letter-spacing:0}.topbar-note{color:#798078;letter-spacing:.06em;align-items:center;gap:9px;font-size:10px;text-decoration:none;display:flex}.topbar-note:hover{color:var(--blue)}.online-dot{background:var(--blue-bright);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #38a5e829}.workspace{width:min(100% - 64px,1180px);margin:0 auto}.intro-row{grid-template-columns:max-content minmax(260px,.9fr) minmax(220px,1fr);grid-template-areas:"heading search description";align-items:center;gap:18px;padding:54px 0 31px;display:grid}.intro-heading{grid-area:heading}.eyebrow{color:var(--blue);letter-spacing:.07em;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.intro-row h1{color:var(--ink);font:500 54px/.99 var(--display);letter-spacing:0;margin:15px 0 0}.intro-row h1 span{color:var(--blue-deep);background:linear-gradient(110deg, var(--blue-deep), var(--blue-bright));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.intro-search{flex-direction:column;grid-area:search;gap:10px;width:100%;display:flex}.intro-copy{color:#747b73;grid-area:description;width:100%;margin:0;font-size:14px;line-height:1.65}.url-form{background:#fff;border:1px solid #e3e4dc;border-radius:9px;align-items:center;gap:10px;width:100%;height:56px;margin:0;padding:6px;display:flex;box-shadow:0 8px 28px #202c230b}.url-icon{color:#8a9288;flex:none;margin-left:14px}.url-form input{min-width:0;height:100%;color:var(--ink);font:13px var(--mono);letter-spacing:0;background:0 0;border:0;outline:0;flex:1;padding:0}.url-form input::placeholder{color:#a2a79f}.search-button,.download-button{color:#fff;background:linear-gradient(115deg, var(--blue-deep), var(--blue));min-width:120px;height:46px;font:600 13px var(--body);letter-spacing:0;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:10px;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 5px 14px #176fc12e}.search-button:hover,.download-button:hover:not(:disabled){background:linear-gradient(115deg,#104b91,#176fc1);transform:translateY(-1px);box-shadow:0 7px 18px #176fc140}.search-button:disabled,.download-button:disabled{opacity:.65;cursor:wait}.editor{border:1px solid var(--line);background:#fff;border-radius:9px;margin-top:31px;animation:.35s both appear;overflow:hidden;box-shadow:0 12px 38px #202c230a}.result-preview{border-top:1px solid var(--line);padding:22px 24px 24px;animation:.35s both appear}.result-preview-heading{justify-content:space-between;align-items:center;gap:16px;padding:0 4px 14px;display:flex}.result-preview-heading h2{color:var(--ink);font:500 19px/1.2 var(--display);margin:6px 0 0}.result-preview-heading>span{color:#737c73;font:11px var(--mono)}.result-image-stage{border-radius:5px}.image-stage.result-image-stage>img{max-height:460px}.image-stage{background-color:#e9eff6;background-image:linear-gradient(45deg,#dce6f0 25%,#0000 25%),linear-gradient(-45deg,#dce6f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dce6f0 75%),linear-gradient(-45deg,#0000 75%,#dce6f0 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;place-items:center;min-height:330px;max-height:550px;display:grid;position:relative;overflow:hidden}.image-stage>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;display:block;position:absolute;inset:0}.stage-label{color:#26384b;letter-spacing:.08em;background:#f9fbfdf0;border:1px solid #28425e1a;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;font-size:9px;display:flex;position:absolute;top:18px;left:19px}.stage-label .online-dot{width:6px;height:6px}.stage-dimensions{color:#fff;font:11px var(--mono);letter-spacing:0;background:#1e251fc7;border-radius:4px;padding:7px 9px;position:absolute;bottom:17px;right:18px}.stage-dimensions span{color:#c4ccc2;margin-left:4px;font-size:8px}.preview-fallback{color:#737c73;flex-direction:column;align-items:center;gap:10px;font-size:13px;display:flex}.image-details{padding:25px 29px 22px}.detail-title,.settings-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-kicker{color:#939990;letter-spacing:.09em;font-size:9px;font-weight:600;display:block}.detail-title h2,.settings-heading h2,.empty-copy h2{color:var(--ink);font:500 20px/1.2 var(--display);letter-spacing:0;margin:7px 0 0}.file-type{color:#798078;border:1px solid #e4e6df;border-radius:4px;padding:6px 8px;font-size:9px}.metadata-line{color:#858b82;border-top:1px solid #eff0ec;border-bottom:1px solid #eff0ec;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;margin-top:22px;padding:13px 0;font-size:11px;display:grid}.metadata-line a{min-width:0;color:var(--blue);text-overflow:ellipsis;white-space:nowrap;font:11px var(--mono);align-items:center;gap:6px;text-decoration:none;display:inline-flex;overflow:hidden}.metadata-line a:hover{text-decoration:underline}.metadata-format{color:#858b82;border-bottom:1px solid #eff0ec;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;padding:13px 0;font-size:11px;display:grid}.metadata-format strong{color:#333b33;font:500 11px var(--mono)}.metadata-grid{grid-template-columns:1fr 1fr;padding-top:16px;display:grid}.metadata-grid>div{flex-direction:column;gap:7px;min-width:0;display:flex}.metadata-grid>div+div{border-left:1px solid var(--line);padding-left:24px}.metadata-grid span{color:#858b82;font-size:10px}.metadata-grid strong{color:#333b33;font:500 14px var(--mono);letter-spacing:0}.metadata-grid i,.output-summary i{color:#a1a69d;font-style:normal}.metadata-grid small,.output-summary small{color:#959b91;font:10px var(--body)}.settings-row{border-top:1px solid var(--line);background:#f5f8fc;padding:23px 29px 24px}.settings-heading h2{font-size:19px}.ratio-lock{color:var(--blue);letter-spacing:.05em;align-items:center;gap:6px;font-size:9px;display:inline-flex}.settings-hint{color:#888f85;margin:7px 0 17px;font-size:11px}.format-field{flex-direction:column;gap:7px;width:min(100%,300px);margin-top:20px;display:flex}.format-field label{color:#555e54;font-size:11px;font-weight:600}.format-field select{height:42px;color:var(--ink);font:13px var(--body);background:#fff;border:1px solid #dfe2d9;border-radius:5px;padding:0 34px 0 12px}.format-field select:focus{outline:2px solid var(--blue);outline-offset:2px}.format-field select:disabled{opacity:.65;cursor:wait}.dimension-fields{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:end;gap:11px;max-width:620px;display:grid}.dimension-fields label>span{color:#555e54;margin:0 0 7px;font-size:11px;font-weight:600;display:block}.dimension-input{background:#fff;border:1px solid #dfe2d9;border-radius:5px;align-items:center;height:45px;display:flex}.dimension-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #176fc11f}.dimension-input input{width:100%;min-width:0;height:100%;color:var(--ink);font:14px var(--mono);letter-spacing:0;background:0 0;border:0;outline:0;padding:0 12px}.dimension-input input::-webkit-inner-spin-button{appearance:none;margin:0}.dimension-input input::-webkit-outer-spin-button{appearance:none;margin:0}.dimension-input small{color:#979c94;padding-right:12px;font-size:10px}.dimension-times{color:#9ba197;text-align:center;font:15px var(--mono);align-self:center;padding-top:19px}.limit-note{color:#a0a59d;justify-content:space-between;max-width:620px;margin-top:9px;font-size:9px;display:flex}.output-summary{border-top:1px solid #e6e8e1;justify-content:space-between;align-items:center;gap:18px;margin-top:23px;padding-top:19px;display:flex}.output-summary>div{align-items:center;gap:11px;display:flex}.output-icon{width:34px;height:34px;color:var(--blue);background:var(--blue-soft);border-radius:7px;place-items:center;display:grid}.output-summary>div>div{flex-direction:column;gap:4px;display:flex}.output-summary>div>div>span{color:#8b9288;letter-spacing:.07em;font-size:8px}.output-summary strong{color:#333b33;font:500 15px var(--mono);letter-spacing:0}.download-button{min-width:157px;padding:0 15px}.processing-note,.success-note{color:var(--blue-deep);align-items:center;gap:8px;margin-top:15px;font-size:11px;display:flex}.error-message{color:#843e35;background:#fff4f1;border:1px solid #f0d2cc;border-radius:6px;align-items:flex-start;gap:10px;margin-top:13px;padding:12px 14px;font-size:12px;display:flex}.error-message>span{color:#fff;background:#bd5e4d;border-radius:50%;flex:none;place-items:center;width:17px;height:17px;font-weight:700;display:grid}.loading-state{color:#657365;justify-content:center;align-items:center;gap:12px;min-height:300px;font-size:14px;display:flex}.empty-workspace{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:1fr 1fr;align-items:center;min-height:300px;margin-top:30px;padding:35px 55px;animation:.35s both appear;display:grid}.empty-art{place-items:center;min-height:220px;display:grid;position:relative;overflow:hidden}.empty-frame{aspect-ratio:1.4;width:min(240px,80%);color:var(--blue);background:repeating-linear-gradient(135deg,#f5f9fe 0 10px,#eaf3fc 10px 20px);border:1px solid #d8e7f7;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:11px;display:flex;position:relative;overflow:hidden}.empty-frame>span{z-index:1;color:#8298ad;letter-spacing:.1em;font-size:8px}.empty-frame-grid{opacity:.35;background-image:linear-gradient(90deg,#0000 49.7%,#c6d9ed 50%,#0000 50.3%),linear-gradient(#0000 49.7%,#c6d9ed 50%,#0000 50.3%);position:absolute;inset:0}.empty-spark{color:var(--blue-bright);font-size:25px;position:absolute}.spark-one{top:25px;right:18%}.spark-two{color:var(--blue-bright);font-size:18px;bottom:32px;left:16%}.empty-copy{max-width:370px;padding:12px 0 12px 34px}.empty-copy h2{margin-top:10px;font-size:25px}.empty-copy>p{color:#7c837a;margin-top:11px;font-size:12px;line-height:1.75}.privacy-note{color:var(--blue);align-items:center;gap:7px;margin-top:19px;font-size:9px;display:flex}.workspace-footer{color:#92988f;justify-content:space-between;align-items:center;gap:20px;min-height:62px;font-size:9px;display:flex}.workspace-footer>div:first-child{color:#687368;letter-spacing:.04em;align-items:center;gap:8px;font-size:9px;display:flex}.footer-mark{color:var(--blue);display:inline-flex}.footer-separator{color:#c5c9c0}.footer-powered{color:#a0a59d;align-items:center;gap:5px;font-size:8px;display:flex}.footer-powered strong{color:var(--blue-deep);font-size:9px;font-weight:600}.spin{animation:.9s linear infinite spin}.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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.topbar{height:59px;padding:0 20px}.topbar-note{display:none}.workspace{width:calc(100% - 36px)}.intro-row{padding:39px 0 25px;display:block}.intro-row h1{font-size:43px}.intro-copy{width:min(410px,100%);margin-top:16px;font-size:13px}.url-form{gap:9px;height:56px}.url-icon{width:17px;margin-left:8px}.url-form input{font-size:11px}.search-button{gap:5px;min-width:88px;height:42px;font-size:12px}.image-stage{min-height:230px;max-height:420px}.image-stage>img{max-height:420px}.result-preview{padding:18px 14px}.result-image-stage>img{max-height:360px}.image-details{padding:20px 18px}.metadata-line{grid-template-columns:73px minmax(0,1fr);gap:8px;font-size:10px}.metadata-line a{font-size:9px}.settings-row{padding:20px 18px}.empty-workspace{grid-template-columns:1fr;gap:2px;padding:18px 22px 25px}.empty-art{min-height:190px}.empty-copy{padding:5px 4px 0}.empty-copy h2{font-size:22px}.workspace-footer{flex-wrap:wrap;align-items:flex-start;padding:17px 0}.workspace-footer>span{order:3;width:100%}}@media (width<=420px){.app-shell--embedded{width:calc(100% + 28px);margin-left:-14px}.detail-title h2{overflow-wrap:anywhere;font-size:17px}.ratio-lock{white-space:nowrap;font-size:8px}.output-summary{flex-direction:column;align-items:flex-start}.download-button{width:100%}.metadata-grid strong{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=701px) and (height>=520px){.app-shell{background:radial-gradient(at 50% -35%,#eaf4fe 0,#0000 55%),#f9fbfd;flex-direction:column;height:100svh;min-height:0;display:flex;overflow:hidden}.topbar{flex:none;height:64px}.workspace{flex-direction:column;flex:1;min-height:0;padding:22px 0 10px;display:flex}.intro-row{flex:none;grid-template-columns:max-content minmax(260px,.9fr) minmax(220px,1fr);gap:18px;padding:0 0 17px}.intro-row h1{margin-top:10px;font-size:42px}.intro-search{gap:8px}.intro-copy{font-size:13px;line-height:1.6}.url-form{border-radius:10px;flex:none;height:50px;box-shadow:0 10px 32px #202c230e}.search-button{border-radius:7px;height:42px}.editor{border-radius:12px;flex:1;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);min-height:0;margin-top:16px;display:grid}.preview-column{border-right:1px solid var(--line);flex-direction:column;justify-content:center;min-width:0;min-height:0;padding:12px;display:flex}.image-stage{border-radius:8px;flex:0 min(36vh,360px);width:100%;height:min(36vh,360px);min-height:0;max-height:none}.stage-label{border-radius:6px;top:14px;left:14px}.stage-dimensions{bottom:13px;right:13px}.image-details{flex:none;padding:13px 7px 3px}.detail-title h2{text-overflow:ellipsis;white-space:nowrap;max-width:420px;overflow:hidden}.metadata-line{grid-template-columns:75px minmax(0,1fr);margin-top:12px;padding:10px 0}.metadata-format{display:none}.metadata-grid{grid-template-columns:1.25fr 1fr .8fr;padding-top:11px}.metadata-grid>div+div{padding-left:13px}.settings-row{background:linear-gradient(145deg,#f8fbff,#edf5fd);border-top:0;min-width:0;padding:22px 25px;overflow-y:auto}.settings-heading{align-items:flex-start;gap:8px}.settings-heading h2{font-size:20px}.settings-hint{margin:6px 0 15px}.dimension-fields{gap:8px;max-width:none}.dimension-input{height:42px}.limit-note{max-width:none}.format-field{width:100%;margin-top:15px}.format-field select{height:40px}.output-summary{margin-top:18px;padding-top:15px}.download-button{min-width:140px;height:42px}.processing-note,.success-note{margin-top:11px;line-height:1.4}.empty-workspace{border-radius:12px;flex:1;min-height:0;margin-top:16px;padding:22px 40px;box-shadow:0 12px 38px #202c2309}.empty-art{min-height:0}.empty-copy>p{line-height:1.6}.workspace-footer{flex:none;min-height:32px;font-size:8px}}@media (width>=701px) and (height<=519px){.app-shell{height:auto;min-height:100svh;overflow:visible}.workspace{min-height:calc(100svh - 64px)}.editor{flex:none;min-height:490px}.image-stage{min-height:300px}}@media (width>=701px) and (height<=650px){.topbar{height:58px}.workspace{padding-top:14px;padding-bottom:7px}.intro-row{padding-bottom:12px}.intro-row h1{margin-top:7px;font-size:35px}.intro-copy{max-width:none;font-size:12px}.url-form{height:50px}.search-button{height:38px}.editor,.empty-workspace{margin-top:12px}.workspace-footer{min-height:25px}.empty-workspace{padding-top:12px;padding-bottom:12px}.empty-art{transform:scale(.85)}.empty-copy h2{font-size:22px}.privacy-note{margin-top:12px}.settings-row{padding-top:11px;padding-bottom:11px}.settings-heading h2{font-size:18px}.settings-hint{margin-bottom:11px}.format-field{margin-top:11px}.output-summary{margin-top:10px;padding-top:8px}}@media (width>=701px) and (width<=1000px){.intro-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""description""search";gap:15px}.intro-copy{grid-area:auto}}@media (width>=701px){.app-shell--embedded{width:calc(100% + 72px);height:auto;min-height:0;margin-left:-36px;overflow:visible}.app-shell--embedded .workspace{flex:none;width:calc(100% - 72px);height:auto;min-height:0;padding-top:0}}@media (width<=900px){.editor{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr)}.settings-row{padding-left:18px;padding-right:18px}}@media (width<=700px){.app-shell{height:auto;min-height:100svh;overflow:visible}.app-shell--embedded{width:calc(100% + 36px);min-height:0;margin-left:-18px}.app-shell--embedded .workspace{width:calc(100% - 36px)}.workspace{min-height:0;padding:0 0 12px;display:block}.intro-row{flex-direction:column;align-items:stretch;gap:0;padding:39px 0 25px;display:flex}.intro-heading{order:0}.intro-copy{order:1;width:100%;margin-top:14px;font-size:13px}.intro-search{order:2;gap:10px;width:100%;margin-top:18px}.url-form{width:100%;height:56px}.loading-state{justify-content:flex-start;min-height:0;font-size:12px}.editor{margin-top:20px;display:block;overflow:hidden}.preview-column{border-right:0;padding:10px;display:block}.image-stage{min-height:230px;max-height:420px}.image-stage>img{max-height:100%}.image-details{padding:16px 8px 12px}.metadata-format{display:none}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-grid>div:nth-child(3){border-left:0;margin-top:12px;padding-left:0}.settings-row{border-top:1px solid var(--line);padding:20px 18px}.empty-workspace{min-height:300px}.workspace-footer{min-height:62px}}@media (width<=420px){.app-shell--embedded .workspace{width:calc(100% - 28px)}}.blog-page{--blog-bg:#0a0e1a;--blog-surface:#0f1524;--blog-surface-low:#111828;--blog-surface-mid:#141c2e;--blog-surface-high:#1a2438;--blog-text:#e0e8f0;--blog-muted:#a0b4c4;--blog-blue:#7dd3fc;--blog-cyan:#88b4cc;--blog-violet:#c8a0f0;min-height:100vh;color:var(--blog-text);background:var(--blog-bg);font-family:Inter,Segoe UI,sans-serif;font-size:14px;line-height:1.5;overflow:clip}.blog-page *,.blog-page :before,.blog-page :after{box-sizing:border-box}.blog-page a{color:inherit;text-decoration:none}.blog-page button,.blog-page input{font:inherit}.blog-page button:focus-visible,.blog-page a:focus-visible,.blog-page input:focus-visible{outline:2px solid var(--blog-blue);outline-offset:3px}.blog-page ::selection{color:var(--blog-bg);background:var(--blog-blue)}.blog-main{background:var(--blog-bg);width:100%;min-height:calc(100vh - 64px)}.blog-container{isolation:isolate;width:min(100% - 48px,1280px);margin:0 auto;padding:16px 0 64px;position:relative}.blog-container:before,.blog-container:after{z-index:-1;content:"";pointer-events:none;filter:blur(95px);border-radius:50%;position:absolute}.blog-container:before{background:#7dd3fc1f;width:360px;height:360px;top:65px;left:20%}.blog-container:after{background:#c8a0f01a;width:290px;height:290px;top:420px;right:2%}.blog-breadcrumb-row{justify-content:space-between;align-items:center;gap:16px;min-height:30px;margin-bottom:20px;display:flex}.blog-breadcrumb{color:var(--blog-muted);align-items:center;gap:8px;font:10px DM Mono,Consolas,monospace;display:flex}.blog-breadcrumb a{align-items:center;gap:5px;display:inline-flex}.blog-breadcrumb a:hover,.blog-breadcrumb>span:last-child{color:var(--blog-blue)}.blog-breadcrumb>span:nth-child(2){color:#4a6070}.blog-editorial-pill{color:var(--blog-blue);letter-spacing:.09em;text-transform:uppercase;background:#1a2438c7;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:9px;font-weight:600;display:inline-flex}.blog-editorial-pill i,.blog-results-count i{background:var(--blog-blue);border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 0 3px #7dd3fc1a}.blog-hero{grid-template-columns:minmax(0,2fr) minmax(290px,1fr);align-items:end;gap:44px;margin:22px 0 42px;display:grid}.blog-hero-copy{min-width:0}.blog-eyebrow{color:var(--blog-cyan);letter-spacing:.1em;margin-bottom:11px;font:10px DM Mono,Consolas,monospace}.blog-hero h1{color:#fff;letter-spacing:-.045em;max-width:800px;margin:0;font-size:clamp(35px,5vw,62px);font-weight:700;line-height:1.06}.blog-hero h1 span{color:#0000;background:linear-gradient(100deg, var(--blog-blue), #b4eaff 52%, var(--blog-cyan));-webkit-background-clip:text;background-clip:text}.blog-hero-copy>p{max-width:710px;color:var(--blog-muted);margin:12px 0 0;font-size:14px;line-height:1.65}.blog-telemetry{gap:8px;display:grid}.blog-telemetry>div{background:#141c2eb8;border-radius:11px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;padding:9px 11px;display:grid;box-shadow:0 5px 20px #0000001f}.blog-telemetry>div:first-child>svg{color:var(--blog-blue)}.blog-telemetry>div:nth-child(2)>svg{color:var(--blog-cyan)}.blog-telemetry>div:nth-child(3)>svg{color:var(--blog-violet)}.blog-telemetry>div>span{color:var(--blog-muted);white-space:nowrap;font:9px DM Mono,Consolas,monospace}.blog-telemetry>div>strong{color:var(--blog-blue);white-space:nowrap;font:9px DM Mono,Consolas,monospace}.blog-telemetry>div:nth-child(2)>strong{color:var(--blog-text)}.blog-telemetry>div:nth-child(3)>strong{color:var(--blog-violet)}.blog-filter-section{margin-bottom:18px}.blog-search-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.blog-search-box{width:min(100%,700px);min-height:48px;color:var(--blog-muted);background:#111828d1;border:1px solid #7dd3fc0f;border-radius:13px;align-items:center;gap:12px;padding:0 13px;display:flex;position:relative;box-shadow:inset 0 2px 7px #00000024}.blog-search-box>svg{flex:none}.blog-search-box input{width:100%;min-width:0;height:44px;color:var(--blog-text);background:0 0;border:0;outline:0;padding:0;font-size:12px}.blog-search-box input::placeholder{color:#718398}.blog-search-box input:focus-visible{outline:0}.blog-search-box:focus-within{box-shadow:0 0 0 2px #7dd3fc4d}.blog-search-box kbd{color:var(--blog-muted);white-space:nowrap;background:#202c42cc;border-radius:5px;flex:none;padding:3px 7px;font:9px DM Mono,Consolas,monospace}.blog-results-count{color:var(--blog-muted);white-space:nowrap;align-items:center;gap:9px;font:10px DM Mono,Consolas,monospace;display:flex}.blog-results-count i{background:var(--blog-cyan);width:7px;height:7px;box-shadow:none}.blog-results-count{color:var(--blog-text)}.blog-category-list{scrollbar-width:none;align-items:center;gap:7px;margin-top:12px;padding-bottom:1px;display:flex;overflow-x:auto}.blog-category-list::-webkit-scrollbar{display:none}.blog-category-list button{color:var(--blog-muted);cursor:pointer;background:#141c2eb8;border:1px solid #7dd3fc0d;border-radius:999px;flex:none;padding:7px 13px;font-size:10px;transition:color .16s,background .16s}.blog-category-list button:hover{color:var(--blog-text);background:#1a2438}.blog-category-list button.is-active{color:#001f2e;background:var(--blog-blue);font-weight:600}.blog-featured{background:#111828d1;border:1px solid #7dd3fc0b;border-radius:22px;grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);align-items:center;gap:32px;margin-bottom:34px;padding:34px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 42px #00000054}.blog-featured-glow{filter:blur(65px);pointer-events:none;background:#7dd3fc12;border-radius:50%;width:320px;height:320px;position:absolute;top:-120px;right:-110px}.blog-featured-copy{z-index:1;flex-direction:column;gap:16px;display:flex;position:relative}.blog-featured-labels{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.blog-featured-labels>span{color:var(--blog-cyan);background:#202c42b3;border-radius:999px;padding:4px 9px;font-size:9px}.blog-featured-labels>span.is-featured{color:var(--blog-blue);letter-spacing:.06em;text-transform:uppercase;background:#0e4d6e94;font-weight:600}.blog-featured-labels>small{color:var(--blog-muted);align-items:center;gap:4px;margin-left:2px;font:9px DM Mono,Consolas,monospace;display:inline-flex}.blog-featured-copy h2{color:#fff;letter-spacing:-.025em;max-width:610px;margin:0;font-size:clamp(23px,2.6vw,34px);line-height:1.15}.blog-featured-copy>p{max-width:610px;color:var(--blog-muted);margin:-3px 0 0;font-size:12px;line-height:1.65}.blog-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:1px;display:grid}.blog-metrics>div{background:#141c2ed1;border-radius:13px;min-height:57px;padding:9px 11px}.blog-metrics span{color:var(--blog-muted);text-transform:uppercase;font:8px DM Mono,Consolas,monospace;display:block}.blog-metrics strong{color:var(--blog-blue);margin-top:2px;font:600 14px DM Mono,Consolas,monospace;display:block}.blog-metrics>div:nth-child(2) strong{color:var(--blog-cyan)}.blog-metrics>div:nth-child(3) strong{color:var(--blog-text)}.blog-featured-action{align-items:center;gap:16px;margin-top:1px;display:flex}.blog-featured-action>a{color:#001f2e;background:var(--blog-blue);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:11px;font-weight:600;transition:background .15s;display:inline-flex}.blog-featured-action>a:hover{background:#a6e4ff}.blog-featured-action>span{color:var(--blog-muted);font:9px DM Mono,Consolas,monospace}.blog-featured-visual{aspect-ratio:1.25;background:var(--blog-surface-high);border-radius:15px;min-width:0;position:relative;overflow:hidden;box-shadow:0 12px 28px #00000059}.blog-featured-visual>img{object-fit:cover;width:100%;height:100%;display:block}.blog-featured-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000 35%,#0a0e1aeb);position:absolute;inset:0}.blog-visual-overlay{z-index:1;pointer-events:none;flex-direction:column;justify-content:space-between;padding:12px;display:flex;position:absolute;inset:0}.blog-visual-labels{justify-content:space-between;align-items:center;gap:8px;display:flex}.blog-visual-labels span{color:#ff8e8e;background:#0f1524cc;border-radius:4px;padding:4px 6px;font:7px DM Mono,Consolas,monospace}.blog-visual-labels span:last-child{color:var(--blog-blue);background:#7dd3fc2e}.blog-waveform-caption{color:var(--blog-muted);justify-content:space-between;align-items:center;margin-bottom:-6px;font:8px DM Mono,Consolas,monospace;display:flex}.blog-waveform-caption strong{color:var(--blog-blue);font-weight:600}.blog-waveform{background:#0f1524db;border-radius:7px;height:39px;padding:4px}.blog-waveform svg{width:100%;height:100%;display:block}.blog-content-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.92fr);align-items:start;gap:28px;display:grid}.blog-articles-column{min-width:0}.blog-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.blog-article-card{background:#111828c7;border:1px solid #7dd3fc09;border-radius:17px;flex-direction:column;justify-content:space-between;gap:15px;min-width:0;padding:14px;transition:transform .25s,background .25s;display:flex;box-shadow:0 10px 25px #0003}.blog-article-card:hover{background:#141c2ee6;transform:translateY(-4px)}.blog-card-image-wrap{background:var(--blog-surface-high);border-radius:12px;width:100%;height:160px;position:relative;overflow:hidden}.blog-card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.blog-article-card:hover .blog-card-image{transform:scale(1.05)}.blog-image-shade{background:linear-gradient(#0000 35%,#0a0e1ad1);position:absolute;inset:0}.blog-category-tag,.blog-read-time{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1524c7;border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font:8px DM Mono,Consolas,monospace;display:inline-flex;position:absolute;top:9px}.blog-category-tag{text-transform:uppercase;left:9px}.blog-read-time{color:var(--blog-muted);border-radius:5px;right:9px}.tone-blue{color:var(--blog-blue)!important}.tone-cyan{color:var(--blog-cyan)!important}.tone-violet{color:var(--blog-violet)!important}.blog-card-copy{flex-direction:column;flex:1;align-items:flex-start;min-height:0;display:flex}.blog-card-eyebrow{color:var(--blog-cyan);letter-spacing:.04em;margin:0 0 5px;font:8px DM Mono,Consolas,monospace}.blog-card-copy h3{color:#fff;margin:0;font-size:14px;font-weight:600;line-height:1.35;transition:color .15s}.blog-article-card:hover .blog-card-copy h3{color:var(--blog-blue)}.blog-card-copy>p{color:var(--blog-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 12px;font-size:10px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-footer{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:auto;padding-top:3px;display:flex}.blog-card-footer>a{color:var(--blog-blue);align-items:center;gap:5px;font-size:9px;font-weight:500;display:inline-flex}.blog-card-footer>a svg{transition:transform .15s}.blog-article-card:hover .blog-card-footer>a svg{transform:translate(3px)}.blog-card-code{color:var(--blog-cyan);white-space:nowrap;font:7px DM Mono,Consolas,monospace}.blog-article-card.is-wide{flex-direction:row;grid-column:span 2;align-items:stretch;gap:18px}.blog-article-card.is-wide .blog-card-image-wrap{flex:none;width:48%;height:auto;min-height:160px}.blog-article-card.is-wide .blog-card-copy{justify-content:space-between;padding:2px 0}.blog-article-card.is-wide .blog-card-copy h3{font-size:16px}.blog-article-card.is-wide .blog-card-copy>p{-webkit-line-clamp:unset;margin:7px 0 12px;display:block}.blog-empty-state{text-align:center;background:#11182899;border:1px solid #7dd3fc0d;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:36px 20px;display:flex}.blog-empty-state>span{width:45px;height:45px;color:var(--blog-blue);background:var(--blog-surface-mid);border-radius:50%;place-items:center;margin-bottom:13px;display:grid}.blog-empty-state h2{color:#fff;margin:0;font-size:16px}.blog-empty-state p{max-width:350px;color:var(--blog-muted);margin:5px 0 17px;font-size:11px}.blog-empty-state button{color:#001f2e;background:var(--blog-blue);cursor:pointer;border:0;border-radius:999px;padding:9px 16px;font-size:11px;font-weight:600}.blog-pagination{color:var(--blog-muted);justify-content:space-between;align-items:center;gap:14px;padding:20px 0 2px;font:9px DM Mono,Consolas,monospace;display:flex}.blog-pagination>button{color:#718398;font:inherit;background:#202c428c;border:0;border-radius:999px;padding:9px 15px}.blog-sidebar{flex-direction:column;gap:17px;display:flex}.blog-popular,.blog-node-health{background:#111828c7;border:1px solid #7dd3fc09;border-radius:16px;padding:18px;box-shadow:0 13px 30px #0003}.blog-sidebar-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px;display:flex}.blog-sidebar-heading h2{color:#fff;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:7px;margin:0;font-size:11px;font-weight:600;display:flex}.blog-sidebar-heading h2 svg{color:var(--blog-blue)}.blog-sidebar-heading>span{color:var(--blog-cyan);font:7px DM Mono,Consolas,monospace}.blog-popular-list{flex-direction:column;gap:2px;display:flex}.blog-popular-list>a{border-radius:10px;align-items:flex-start;gap:10px;padding:8px 7px;transition:background .15s;display:flex}.blog-popular-list>a:hover{background:#141c2ecc}.blog-popular-list>a>strong{color:#7dd3fccc;font:600 16px/1.2 DM Mono,Consolas,monospace}.blog-popular-list>a>span{gap:4px;min-width:0;display:grid}.blog-popular-list b{color:#fff;font-size:10px;font-weight:500;line-height:1.4}.blog-popular-list small{color:var(--blog-muted);align-items:center;gap:6px;font:7px DM Mono,Consolas,monospace;display:flex}.blog-popular-list small i,.blog-popular-list small em{font-style:normal}.blog-cta{background:linear-gradient(135deg,#141c2e,#111828 60%,#202c42);border-radius:17px;flex-direction:column;gap:11px;padding:19px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 35px #0000004d}.blog-cta:after{content:"";filter:blur(35px);pointer-events:none;background:#7dd3fc17;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-70px;right:-65px}.blog-cta>*{z-index:1;position:relative}.blog-cta-icon{width:32px;height:32px;color:var(--blog-blue);background:#7dd3fc26;border-radius:10px;place-items:center;display:grid}.blog-cta h2{color:#fff;margin:0;font-size:12px;line-height:1.4}.blog-cta p{color:var(--blog-muted);margin:-5px 0 1px;font-size:9px;line-height:1.55}.blog-cta>a{color:#001f2e;background:var(--blog-blue);border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:9px;font-size:9px;font-weight:600;display:flex}.blog-cta>a:hover{background:#a6e4ff}.blog-cta>small{color:var(--blog-cyan);text-align:center;font:7px DM Mono,Consolas,monospace}.blog-node-health{gap:9px;padding:15px;display:grid}.blog-node-health>div{color:var(--blog-cyan);text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;padding-bottom:4px;font:8px DM Mono,Consolas,monospace;display:flex}.blog-node-health>div>strong{color:var(--blog-blue);align-items:center;gap:5px;font-weight:500;display:inline-flex}.blog-node-health>div>strong i{background:var(--blog-blue);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #7dd3fc1a}.blog-node-health p{color:var(--blog-muted);justify-content:space-between;gap:8px;margin:0;font:8px DM Mono,Consolas,monospace;display:flex}.blog-node-health p b{color:var(--blog-text);text-align:right;font-weight:400}@media (width<=1100px){.blog-hero{gap:25px}.blog-content-grid{grid-template-columns:minmax(0,1.8fr) minmax(260px,.9fr);gap:20px}}@media (width<=900px){.blog-container{width:calc(100% - 40px);padding-top:11px}.blog-hero{grid-template-columns:1fr;gap:19px;margin:17px 0 30px}.blog-telemetry{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-telemetry>div{grid-template-columns:20px 1fr;gap:4px 7px}.blog-telemetry>div>strong{grid-column:2;font-size:8px}.blog-content-grid{grid-template-columns:1fr}.blog-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.blog-node-health{grid-column:1/-1}}@media (width<=620px){.blog-container{width:calc(100% - 32px);padding-bottom:42px}.blog-breadcrumb-row{margin-bottom:17px}.blog-editorial-pill{padding:5px 8px;font-size:7px}.blog-hero{margin:12px 0 24px}.blog-eyebrow{letter-spacing:.07em;font-size:8px}.blog-hero h1{font-size:clamp(34px,9vw,48px)}.blog-hero-copy>p{font-size:12px}.blog-telemetry{grid-template-columns:1fr}.blog-telemetry>div{grid-template-columns:22px minmax(0,1fr) auto;min-height:40px}.blog-telemetry>div>strong{grid-column:auto;font-size:8px}.blog-search-row{flex-direction:column;align-items:stretch;gap:11px}.blog-search-box{gap:8px;width:100%;min-height:45px}.blog-search-box input{font-size:10px}.blog-search-box kbd{font-size:7px}.blog-results-count{align-self:flex-end;font-size:9px}.blog-category-list{margin-top:10px}.blog-category-list button{padding:7px 11px;font-size:9px}.blog-featured{border-radius:17px;grid-template-columns:1fr;gap:19px;margin-bottom:23px;padding:19px}.blog-featured-copy{gap:12px}.blog-featured-labels{gap:5px}.blog-featured-labels>span{padding:4px 7px;font-size:8px}.blog-featured-labels>small{font-size:8px}.blog-featured-copy h2{font-size:23px}.blog-featured-copy>p{font-size:10px}.blog-metrics{gap:6px}.blog-metrics>div{min-height:50px;padding:7px}.blog-metrics span{font-size:7px}.blog-metrics strong{font-size:11px}.blog-featured-action>span{font-size:7px}.blog-featured-visual{aspect-ratio:1.35}.blog-articles-grid{grid-template-columns:1fr;gap:12px}.blog-article-card{padding:12px}.blog-card-image-wrap{height:175px}.blog-article-card.is-wide{flex-direction:column;grid-column:auto;gap:12px}.blog-article-card.is-wide .blog-card-image-wrap{width:100%;height:175px;min-height:0}.blog-article-card.is-wide .blog-card-copy h3{font-size:14px}.blog-card-copy h3{font-size:15px}.blog-card-copy>p{font-size:10px}.blog-sidebar{grid-template-columns:1fr;gap:12px}.blog-node-health{grid-column:auto}.blog-pagination{flex-direction:column;align-items:flex-start;font-size:8px}}@media (prefers-reduced-motion:reduce){.blog-page *,.blog-page :before,.blog-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}