.gif-pricing-reference{color:var(--gif-ink);padding-block:clamp(28px,5vw,58px);font-size:14.4px;line-height:1.5}.gif-pricing-reference-hero{text-align:center;margin-inline:auto;padding-inline:24px}.gif-pricing-reference-hero h1,.gif-pricing-reference-faq h2{font:900 clamp(32px, 5vw, 60px)/1.1 var(--gif-display);letter-spacing:-.045em;margin:0 0 16px}.gif-pricing-reference-hero p{max-width:680px;color:var(--gif-muted);margin:0 auto 36px;font-size:17px;line-height:26px}.gif-pricing-reference-hero p+p{margin:-24px auto 16px;font-size:13px;line-height:20px}.gif-pricing-reference-tabs{border:1px solid var(--gif-line);background:var(--gif-wash);border-radius:14px;justify-content:center;align-items:center;gap:4px;width:fit-content;max-width:calc(100% - 32px);margin:0 auto 48px;padding:4px;display:flex}.gif-pricing-reference-tabs button{color:var(--gif-muted);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:9px 22px;font-size:15px;font-weight:700;line-height:20px;display:inline-flex}.gif-pricing-reference-tabs button[aria-pressed=true]{border-color:var(--gif-ink);background:var(--gif-accent);color:var(--gif-ink)}.gif-pricing-reference-tabs button span{background:var(--gif-focus);color:var(--gif-surface);border-radius:6px;padding:2px 7px;font-size:12px;line-height:16px;display:inline-block}.gif-pricing-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:min(100%,1152px);margin-inline:auto;padding-inline:24px;display:grid}.gif-pricing-reference-grid:where([data-cycle=one-time]){grid-template-columns:repeat(3,minmax(0,1fr))}.gif-pricing-reference-card{border:1px solid var(--gif-line);background:var(--gif-surface);border-radius:16px;min-width:0;padding:24px 20px;position:relative}.gif-pricing-reference-card[data-featured=true],.gif-pricing-reference-card[data-featured=""]{border-color:var(--gif-ink);background:radial-gradient(circle, var(--gif-line) 2px, transparent 2.6px) right 4px top 3px / 11px 15px repeat-y, var(--gif-wash);box-shadow:0 4px 0 var(--gif-line)}.gif-pricing-reference-card h2,.gif-pricing-reference-card h3{font:850 25px/1.2 var(--gif-display);margin:0}.gif-pricing-reference-card header{min-height:78px}.gif-pricing-reference-card header p{color:var(--gif-muted);margin:6px 0 0;font-size:14px;line-height:20px}.gif-pricing-reference-badge{border:1px solid var(--gif-ink);background:var(--gif-accent);color:var(--gif-ink);letter-spacing:.02em;border-radius:8px;padding:5px 14px;font-size:13px;font-weight:800;line-height:18px;position:absolute;inset:-16px 18px auto auto}.gif-pricing-reference-price{font:900 clamp(35px, 4vw, 48px)/1.1 var(--gif-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;margin:2px 0 4px;line-height:52px;display:flex}.gif-pricing-reference-price span,.gif-pricing-reference-price small{color:var(--gif-muted);letter-spacing:normal;font-size:15px;font-weight:600;line-height:1.4}.gif-pricing-reference-billing{color:var(--gif-muted);margin:0 0 16px;font-size:13px;line-height:20px}.gif-pricing-reference-estimate{background:var(--gif-wash);border-radius:999px;margin:0 0 20px;padding:4px 12px;font-size:14px;font-weight:700;line-height:20px;display:table}.gif-pricing-reference-card[data-featured=true] .gif-pricing-reference-estimate,.gif-pricing-reference-card[data-featured=""] .gif-pricing-reference-estimate{background:var(--gif-surface);color:var(--gif-focus)}.gif-pricing-reference-action{border:1px solid var(--gif-ink);background:var(--gif-accent);width:100%;min-height:46px;color:var(--gif-ink);font:850 15px/1.3 var(--gif-display);text-align:center;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex}.gif-pricing-reference-action:disabled{border-color:var(--gif-line);background:var(--gif-paper);color:var(--gif-muted)}.gif-pricing-reference-action svg{flex:none}.gif-pricing-reference-action:is(a,button:not(:disabled)):hover{background:var(--gif-ink);color:var(--gif-surface)}.gif-pricing-reference-features{border-top:1px dashed var(--gif-line);gap:12px;margin:24px 0 0;padding:20px 0 0;list-style:none;display:grid}.gif-pricing-reference-features li{align-items:flex-start;gap:10px;font-weight:500;line-height:1.55;display:flex}.gif-pricing-reference-features svg{box-sizing:border-box;width:18px;height:18px;color:var(--gif-focus);flex:none;margin-top:2px}.gif-pricing-reference-faq{width:min(100% - 48px,772px);margin:72px auto 0}.gif-pricing-reference-faq h2{font-size:clamp(24px,4vw,34px)}.gif-pricing-reference-faq details{border-top:1px solid var(--gif-line)}.gif-pricing-reference-faq details:last-child{border-bottom:1px solid var(--gif-line)}.gif-pricing-reference-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:66px;font-size:17px;font-weight:600;list-style:none;display:flex}.gif-pricing-reference-faq summary::-webkit-details-marker{display:none}.gif-pricing-reference-faq summary svg{color:var(--gif-muted);flex:none}.gif-pricing-reference-faq details[open] summary svg{transform:rotate(180deg)}.gif-pricing-reference-faq details p{color:var(--gif-muted);margin:0 0 20px}@media (width<=1050px){.gif-pricing-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}}@media (width<=640px){.gif-pricing-reference{padding-block:36px 48px}.gif-pricing-reference-hero h1,.gif-pricing-reference-faq h2{font-size:30px;line-height:36px}.gif-pricing-reference-hero p{max-width:330px}.gif-pricing-reference-tabs button{gap:4px;padding:7px clamp(5px,2.4vw,12px);font-size:14px}.gif-pricing-reference-grid{grid-template-columns:minmax(0,1fr)}.gif-pricing-reference-faq{margin-top:48px}}.gif-site,.gif-history-editor,.gif-login-dialog{--gif-ink:oklch(28% .049 279);--gif-muted:oklch(45% .035 277);--gif-line:oklch(87% .021 275);--gif-paper:oklch(97.9% .013 88);--gif-surface:oklch(99.8% .003 90);--gif-accent:oklch(92% .138 121);--gif-wash:oklch(95.5% .025 287);--gif-focus:oklch(52% .145 276);--gif-display:"Nunito Variable", "Nunito", system-ui, sans-serif}.gif-site{min-height:100dvh;color:var(--gif-ink);background:var(--gif-paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;flex-direction:column;display:flex}.gif-site main{flex:1}.gif-site button:not(:disabled),.gif-site select,.gif-site input[type=color]{cursor:pointer}.gif-site :focus-visible{outline:2px solid var(--gif-focus);outline-offset:3px}.gif-wrap{width:min(1104px,100% - 64px);margin-inline:auto}.gif-skip{z-index:2;background:var(--gif-surface);padding:8px 12px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.gif-skip:focus{transform:none}.gif-header{border-bottom:1px solid var(--gif-line);background:var(--gif-surface)}.gif-header-inner,.gif-footer-inner{justify-content:space-between;align-items:center;gap:24px;min-height:62px;display:flex}.gif-brand{font:850 24px/1 var(--gif-display);letter-spacing:-.045em;align-items:center;gap:9px;display:inline-flex}.gif-brand-mark{background:var(--gif-accent);width:34px;height:34px;color:var(--gif-ink);border:1px solid var(--gif-ink);border-radius:9px;place-items:center;display:grid}.gif-header nav{color:var(--gif-muted);gap:24px;font-size:14px;font-weight:550;display:flex}.gif-header nav a{white-space:nowrap;border-radius:10px;padding:7px 10px}.gif-header nav a:hover,.gif-breadcrumb a:hover{color:var(--gif-focus);text-decoration:underline}.gif-header nav a[aria-current]{color:var(--gif-ink);background:var(--gif-wash);text-decoration:none}.gif-header-actions{align-items:center;gap:8px;display:flex}.gif-account-link{border:1px solid var(--gif-ink);background:var(--gif-accent);white-space:nowrap;border-radius:9px;padding:7px 12px;font-size:13px;font-weight:750}.gif-account-link:hover{text-decoration:underline}.gif-language{border:1px solid var(--gif-line);color:var(--gif-ink);background:var(--gif-surface);border-radius:9px;align-items:center;gap:6px;padding:6px 9px;display:inline-flex}.gif-language select{color:inherit;background:0 0;font-size:13px}.gif-home-hero{text-align:center;padding:42px 0 24px}.gif-home-hero h1{font:900 clamp(39px, 6vw, 72px)/1.02 var(--gif-display);letter-spacing:-.065em;text-wrap:balance;margin:0 0 11px}.gif-home-hero p{color:var(--gif-muted);text-wrap:balance;font-size:clamp(14px,2vw,17px);line-height:1.6}.gif-primary{background:var(--gif-accent);color:var(--gif-ink);border:1px solid var(--gif-ink);border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:45px;padding:9px 16px;font-size:14px;font-weight:690;display:inline-flex}.gif-primary:hover:not(:disabled){background:oklch(87% .15 121)}.gif-primary:disabled{color:var(--gif-muted);border-color:var(--gif-line);background:oklch(94.5% .011 275)}.gif-studio{border:1px solid var(--gif-ink);background:var(--gif-surface);border-radius:18px;overflow:clip;box-shadow:0 5px oklch(28% .049 279/.13)}.gif-studio-tabs{border-bottom:1px solid var(--gif-line);background:var(--gif-wash);align-items:center;gap:6px;padding:10px 12px;display:flex}.gif-studio-tab{min-height:37px;color:var(--gif-muted);white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:6px 11px;font-size:13px;font-weight:680;display:inline-flex}.gif-studio-tab:hover{background:var(--gif-surface);color:var(--gif-ink)}.gif-studio-tab[aria-selected=true],.gif-studio-tab[aria-pressed=true]{background:var(--gif-accent);color:var(--gif-ink);border-color:var(--gif-ink)}.gif-editor-filters{border:1px solid var(--gif-line);background:var(--gif-wash);border-radius:12px;gap:3px;width:fit-content;margin:0 auto 16px;padding:4px;display:flex}.gif-editor-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.gif-editor-tool-grid .gif-editor-tool{text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:9px}@media (width<=680px){.gif-editor-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.gif-prompt-suggestions,.gif-result-actions{flex-wrap:wrap;gap:8px;display:flex}.gif-prompt-suggestions{align-items:center}.gif-result-actions{border-top:1px solid var(--gif-line);justify-content:flex-end;align-items:center;padding:12px 15px}.gif-encoding-error{text-align:right;flex-basis:100%;margin:0}.gif-prompt-suggestions .gif-studio-tab,.gif-result-actions .gif-studio-tab{border-color:var(--gif-line)}.gif-studio-panel .gif-editor{box-shadow:none;border:0;border-radius:0}.gif-studio-note{color:var(--gif-muted);justify-content:center;align-items:center;gap:7px;margin-top:15px;font-size:12px;display:flex}.gif-home-body h2,.gif-related h2{font:850 27px/1.2 var(--gif-display);letter-spacing:-.045em;margin-bottom:16px}.gif-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gif-card{border:1px solid var(--gif-line);background:var(--gif-surface);border-radius:14px;align-items:center;gap:12px;min-height:88px;padding:14px;transition:border-color .15s,box-shadow .15s;display:flex}.gif-card:hover{border-color:var(--gif-focus)}.gif-card-icon{width:43px;height:43px;color:var(--gif-ink);background:var(--gif-wash);border-radius:11px;flex:none;place-items:center;display:grid}.gif-icon-sliding,.gif-icon-frames{color:var(--gif-ink);background:oklch(93% .048 305)}.gif-icon-background,.gif-icon-cut{color:var(--gif-ink);background:oklch(94% .059 145)}.gif-icon-reverse{color:var(--gif-ink);background:oklch(94% .054 74)}.gif-card-copy{flex:1;gap:3px;min-width:0;font-size:14px;display:grid}.gif-card-copy strong{font-weight:720;line-height:1.25}.gif-card-copy span{color:var(--gif-muted);font-size:12px;line-height:1.35}.gif-card-arrow{color:#61718b;flex:none}.gif-footer{border-top:1px solid var(--gif-line);background:var(--gif-surface)}.gif-footer-inner{min-height:84px;color:var(--gif-muted);font-size:13px}.gif-footer .gif-brand{color:var(--gif-ink);font-size:20px}.gif-footer .gif-brand-mark{width:29px;height:29px}.gif-tool-main{padding:28px 0 72px}.gif-breadcrumb{color:var(--gif-muted);align-items:baseline;gap:8px;font-size:13px;display:flex}.gif-breadcrumb a{color:var(--gif-focus)}.gif-tool-heading{text-align:center;justify-content:center;align-items:center;gap:13px;margin:clamp(28px,5vw,48px) 0 12px;display:flex}.gif-tool-heading h1{font:880 clamp(31px, 4.5vw, 54px)/1.08 var(--gif-display);letter-spacing:-.065em;line-height:1.06}.gif-tool-heading .gif-card-icon{width:47px;height:47px}.gif-editor{border:1px solid var(--gif-line);background:var(--gif-surface);border-radius:16px;grid-template-columns:minmax(270px,.87fr) minmax(0,1.13fr);scroll-margin-top:16px;display:grid;overflow:clip;box-shadow:0 4px oklch(28% .049 279/.08)}.gif-editor.gif-editor-awaiting{width:min(100%,720px);box-shadow:none;background:0 0;border:0;border-radius:0;margin-inline:auto;display:block;overflow:visible}.gif-editor-awaiting .gif-controls{gap:15px;padding:0}.gif-editor-awaiting .gif-editor-label{display:none}.gif-editor-awaiting .gif-drop{border-radius:15px;min-height:clamp(150px,23vw,225px)}.gif-samples{border:1px solid var(--gif-line);background:var(--gif-surface);border-radius:15px;padding:clamp(10px,2.5vw,18px)}.gif-samples h2{color:var(--gif-ink);font:800 20px/1.2 var(--gif-display)}.gif-samples p{color:var(--gif-muted);margin:4px 0 12px;font-size:13px}.gif-sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.gif-sample-card{border:1px solid var(--gif-line);background:var(--gif-surface);min-width:0;color:var(--gif-ink);text-align:left;border-radius:10px;display:grid;overflow:clip}.gif-sample-card:hover{border-color:var(--gif-focus)}.gif-sample-card canvas{aspect-ratio:240/132;width:100%;height:auto}.gif-sample-card span{padding:7px;font-size:12px;font-weight:700}.gif-controls{flex-direction:column;gap:11px;min-width:0;padding:20px;display:flex}.gif-editor-label{color:var(--gif-muted);align-items:center;gap:7px;font-size:13px;font-weight:650;display:flex}.gif-drop{background:var(--gif-wash);min-height:128px;color:var(--gif-ink);text-align:center;border:1px dashed oklch(69% .073 279);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:12px;display:flex}.gif-drop:hover,.gif-drop.gif-dragging{background:oklch(93% .045 286)}.gif-drop strong{font-size:15px}.gif-drop span{color:var(--gif-muted);font-size:12px}.gif-text-button{color:var(--gif-focus);text-underline-offset:3px;align-self:start;font-size:13px;text-decoration:underline}.gif-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.gif-field{align-items:center;gap:5px;font-size:13px;font-weight:650;display:grid;position:relative}.gif-field input:not([type=range]),.gif-field select,.gif-field textarea{border:1px solid var(--gif-line);width:100%;min-height:38px;font:inherit;background:var(--gif-surface);border-radius:8px;padding:6px 9px;font-weight:500;display:block}.gif-field textarea{resize:vertical}.gif-field input[type=color]{height:38px;padding:4px}.gif-field input[type=range]{width:100%;accent-color:var(--gif-focus);min-height:21px}.gif-value{color:var(--gif-muted);font-variant-numeric:tabular-nums;font-weight:500;position:absolute;top:0;right:0}.gif-status{color:#27694e;font-size:12px}.gif-status:empty{display:none}.gif-status[role=alert]{color:#a11c32}.gif-file,.gif-frame-list li{border:1px solid var(--gif-line);border-radius:7px;align-items:center;gap:6px;padding:5px 7px;font-size:12px;display:flex}.gif-file span,.gif-frame-list span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.gif-file button,.gif-frame-list button{border-radius:5px;place-items:center;width:26px;height:25px;display:grid}.gif-file button:hover,.gif-frame-list button:hover:not(:disabled){background:var(--gif-wash)}.gif-frame-list button:disabled{color:#a2acc0}.gif-frame-list{gap:4px;max-height:125px;display:grid;overflow:auto}.gif-preview{border-left:1px solid var(--gif-line);background:var(--gif-surface);flex-direction:column;min-width:0;min-height:245px;display:flex}.gif-preview-top{justify-content:space-between;gap:8px;padding:12px 15px;font-size:13px;font-weight:650;display:flex}.gif-technical{color:var(--gif-muted);font-size:12px;font-weight:500}.gif-preview-stage{border-block:1px solid var(--gif-line);background:repeating-conic-gradient(oklch(96.6% .008 280) 0% 25%,oklch(93.8% .013 280) 0% 50%) 50%/20px 20px;flex:1;place-items:center;min-height:246px;padding:12px;display:grid;position:relative}.gif-preview-loading{z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--gif-ink);text-align:center;background:oklch(98% .012 280/.82);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.gif-preview-loading span{color:var(--gif-muted);font-variant-numeric:tabular-nums;font-size:13px}@media (prefers-reduced-motion:no-preference){.gif-preview-loading svg,.gif-encoding-spinner{animation:1s linear infinite gif-preview-spin}}@keyframes gif-preview-spin{to{transform:rotate(1turn)}}.gif-preview-stage canvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:290px;display:block}.gif-preview-empty{color:var(--gif-muted);justify-items:center;gap:8px;font-size:13px;display:grid}.gif-playback{color:var(--gif-muted);grid-template-columns:34px minmax(36px,1fr) auto auto;align-items:center;gap:9px;padding:7px 12px;font-size:12px;display:grid}.gif-preview-play{min-height:34px;color:var(--gif-ink);background:var(--gif-wash);border-radius:7px;place-items:center;display:grid}.gif-playback input{width:100%;min-height:24px;accent-color:var(--gif-focus)}.gif-playback-count{text-align:right;font-variant-numeric:tabular-nums;min-width:4ch}.gif-playback select,.gif-preview-compact-playback select{border:1px solid var(--gif-line);background:var(--gif-surface);min-height:31px;color:var(--gif-ink);border-radius:6px;padding:3px 6px}.gif-preview-toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.gif-preview-compact-playback{align-items:center;gap:5px;display:flex}.gif-preview-compact-playback .gif-preview-play{width:34px}.gif-preview-toolbar .gif-result-actions{border-top:0;flex:1 0 auto;padding:0}@media (width<=760px){.gif-preview-compact-playback .gif-preview-play,.gif-preview-compact-playback select{min-height:44px}}.gif-tool-intro{color:var(--gif-muted);text-align:center;width:min(100%,65ch);margin:0 auto clamp(24px,5vw,36px);font-size:15px;line-height:1.6}.gif-speed-presets{flex-wrap:wrap;gap:6px;display:flex}.gif-speed-presets .gif-studio-tab{border-color:var(--gif-line)}.gif-speed-presets .gif-studio-tab[aria-pressed=true]{border-color:var(--gif-ink)}.gif-guide{width:min(100%,780px);color:var(--gif-muted);padding-top:17px;font-size:15px;line-height:1.68}.gif-guide h2{color:var(--gif-ink);letter-spacing:-.04em;margin:26px 0 9px;font-size:24px;font-weight:740}.gif-guide h3{color:var(--gif-ink);margin:12px 0 3px;font-size:16px;font-weight:690}.gif-guide ol{padding-left:24px;list-style:decimal}.gif-guide li{margin-bottom:6px;padding-left:4px}.gif-tool-guide{color:var(--gif-muted);gap:clamp(30px,5vw,54px);margin-top:clamp(36px,6vw,68px);font-size:15px;line-height:1.65;display:grid}.gif-tool-guide h2,.gif-tool-main .gif-related h2{color:var(--gif-ink);font:820 clamp(23px, 3vw, 32px)/1.18 var(--gif-display);letter-spacing:-.025em;margin:0 0 16px}.gif-tool-guide h3{color:var(--gif-ink);margin:0 0 4px;font-size:16px;font-weight:740;line-height:1.4}.gif-tool-guide p{margin:0}.gif-guide-steps,.gif-guide-features{gap:12px;display:grid}.gif-guide-steps{margin:0;padding:0;list-style:none}.gif-guide-features{grid-template-columns:repeat(2,minmax(0,1fr))}.gif-guide-steps li,.gif-guide-feature,.gif-guide-panel,.gif-guide-faq{border:1px solid var(--gif-line);background:var(--gif-surface);border-radius:16px}.gif-guide-steps li,.gif-guide-feature{align-items:flex-start;gap:14px;padding:clamp(15px,2.5vw,22px);display:flex}.gif-guide-number,.gif-guide-tick{border-radius:50%;flex:none;place-items:center;display:grid}.gif-guide-number{border:1px solid var(--gif-ink);background:var(--gif-accent);width:32px;height:32px;color:var(--gif-ink);font-weight:800}.gif-guide-tick{background:var(--gif-wash);width:25px;height:25px;color:var(--gif-focus)}.gif-guide-panel{padding:clamp(18px,3.5vw,32px)}.gif-guide-panel>div+div,.gif-guide-panel>p+h3,.gif-guide-panel>div+h3{margin-top:16px}.gif-guide-faq details+details{border-top:1px solid var(--gif-line)}.gif-guide-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:15px clamp(15px,3vw,24px);list-style:none;display:flex}.gif-guide-faq summary::-webkit-details-marker{display:none}.gif-guide-faq summary h3{margin:0}.gif-guide-faq summary svg{flex:none}.gif-guide-faq details[open] summary svg{transform:rotate(180deg)}.gif-guide-faq details p{padding:0 clamp(15px,3vw,24px) 17px}.gif-related{margin-top:36px}@media (width<=600px){.gif-guide-features{grid-template-columns:1fr}}@media (width<=890px){.gif-wrap{width:calc(100% - 40px)}}@media (width<=680px){.gif-header-inner{flex-wrap:wrap;gap:10px 12px;padding-block:10px}.gif-header-inner .gif-header-actions{order:-1;margin-left:auto}.gif-header-inner .gif-brand{order:-2}.gif-header nav{flex-basis:100%;justify-content:space-between;gap:8px;font-size:13px}}@media (width<=580px){.gif-wrap{width:calc(100% - 28px)}.gif-home-hero{padding:28px 0 20px}.gif-studio-tabs{flex-wrap:wrap;gap:3px;padding:8px 7px}.gif-studio-tab{flex:1;gap:5px;padding-inline:5px;font-size:12px}.gif-studio-tab svg{flex:none;width:14px}.gif-grid,.gif-editor{grid-template-columns:1fr}.gif-card{min-height:73px}.gif-controls{padding:14px}.gif-preview{border-left:0;border-top:1px solid var(--gif-line)}.gif-preview-stage{min-height:175px}.gif-tool-heading{margin-top:16px}.gif-footer-inner{gap:10px;font-size:11px}}.gif-sample-card img{aspect-ratio:240/132;object-fit:cover;width:100%;height:auto}.gif-conversion-preview img,.gif-conversion-preview video{object-fit:contain;max-width:100%;max-height:420px}.gif-conversion-files{gap:5px;max-height:200px;display:grid;overflow:auto}.gif-generator-hero{padding-block:clamp(18px,4svh,34px) clamp(16px,3svh,26px)}.gif-generator-hero h1{letter-spacing:-.045em;margin:0 auto 13px;font-size:clamp(30px,4.8vw,60px);line-height:1.12}.gif-hero-emphasis{display:inline-block;position:relative}.gif-hero-emphasis:after{inset-inline:.04em .26em;background:var(--gif-focus);content:"";pointer-events:none;height:.19em;position:absolute;bottom:-.16em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 18' preserveAspectRatio='none'%3E%3Cpath d='M3 13 C30 4 52 4 79 10 S129 15 157 8 S204 4 232 10 S283 11 317 5' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 18' preserveAspectRatio='none'%3E%3Cpath d='M3 13 C30 4 52 4 79 10 S129 15 157 8 S204 4 232 10 S283 11 317 5' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.gif-generator-hero p{max-width:min(100%,54rem);margin-inline:auto}.gif-studio{--gif-studio-edge:oklch(93% .029 287);--gif-studio-toolbar-inset:10px;background:var(--gif-surface);box-shadow:0 6px 0 var(--gif-studio-edge);border-radius:24px;padding:clamp(12px,1.8vw,20px)}.gif-studio-tabs{border:1px solid var(--gif-line);background:var(--gif-wash);border-radius:14px;width:fit-content;max-width:100%;margin-bottom:12px;padding:4px}.gif-studio-tabs .gif-studio-tab{padding-inline:clamp(8px,2vw,16px)}.gif-studio-panel .gif-editor{grid-template-columns:minmax(0,1fr) minmax(0,.98fr);gap:clamp(12px,2.3vw,26px);overflow:visible}.gif-studio-panel .gif-controls{padding:0}.gif-studio-panel textarea{background:var(--gif-paper);border-radius:14px;min-height:168px;padding:10px 12px}.gif-studio-panel textarea::placeholder{color:var(--gif-muted);opacity:1}.gif-studio-panel .gif-preview{border:1px solid var(--gif-line);border-radius:16px;overflow:hidden}.gif-studio-panel .gif-preview-top{padding:10px 14px}.gif-studio-panel .gif-preview-stage{background:var(--gif-paper);min-height:clamp(250px,38svh,350px);padding:12px}.gif-studio-panel .gif-preview-stage canvas{border-radius:10px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);margin:auto;position:absolute;inset:12px}.gif-studio-panel .gif-preview-toolbar,.gif-studio-panel .gif-preview>.gif-result-actions{padding:var(--gif-studio-toolbar-inset)}.gif-studio-panel .gif-result-actions>button{min-height:45px}.gif-generation-availability:empty{display:none}@media (width>=861px){.gif-studio-layout{grid-template-rows:max-content minmax(min-content,1fr);grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:12px clamp(14px,2vw,24px);display:grid}.gif-studio-layout .gif-studio-tabs{z-index:1;grid-area:1/1;place-self:start;margin:0}.gif-studio-layout .gif-studio-panel:not([hidden]),.gif-studio-layout .gif-generator-workspace{grid-area:1/1/-1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;gap:inherit;display:grid}.gif-studio-layout .gif-studio-panel[hidden]{display:none}.gif-studio-panel .gif-generator-workspace .gif-controls{padding-bottom:calc(var(--gif-studio-toolbar-inset) + 1px);grid-area:2/1}.gif-studio-panel .gif-generator-workspace .gif-preview{grid-area:1/2/-1}.gif-generator-workspace .gif-generate-submit{margin-top:auto}}@media (width<=860px){.gif-generator-hero{padding-block:13px 12px}.gif-generator-hero h1{margin-bottom:10px;font-size:clamp(26px,6.5vw,38px)}.gif-generator-hero p{line-height:1.4}.gif-studio-tabs{flex-wrap:nowrap;width:100%;margin-bottom:8px}.gif-studio-tabs .gif-studio-tab{flex:1;min-height:44px}.gif-studio-panel .gif-editor{grid-template-columns:1fr;gap:12px}.gif-studio-panel .gif-controls{gap:8px}.gif-studio-panel textarea{min-height:82px;font-size:16px}.gif-studio-panel .gif-prompt-suggestions{gap:5px}.gif-studio-panel .gif-prompt-suggestions>.gif-technical{display:none}.gif-studio-panel .gif-prompt-suggestions .gif-studio-tab{flex:0 auto;min-height:38px;padding-inline:9px}.gif-studio-panel .gif-generate-submit{min-height:44px}.gif-studio-panel .gif-preview{min-height:0}.gif-studio-panel .gif-preview-top{padding-block:8px}.gif-studio-panel .gif-preview-stage{min-height:clamp(175px,34vw,290px)}.gif-studio-panel .gif-preview-toolbar .gif-result-actions{padding:0}.gif-studio-panel .gif-result-actions>button,.gif-studio-panel .gif-result-actions .gif-primary{flex:1;min-height:44px}}@media (width<=760px) and (height<=720px){.gif-generator-hero{padding-block:10px 8px}.gif-studio-panel .gif-image-composer textarea{height:68px;min-height:68px}.gif-studio-panel .gif-image-composer{padding:8px}.gif-studio-panel .gif-reference{min-height:54px;margin-bottom:6px;padding-block:5px}.gif-studio-panel .gif-controls{gap:6px}}.gif-home-section{margin-block:clamp(42px,7vw,84px);scroll-margin-top:24px}.gif-home-section h3{font:800 clamp(17px, 2.3vw, 24px)/1.2 var(--gif-display);margin:0 0 6px}.gif-home-section p{color:var(--gif-muted);line-height:1.6}.gif-method-tabs{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.gif-method-tabs .gif-studio-tab,.gif-ideas-grid .gif-studio-tab,.gif-home-plans .gif-studio-tab{border-color:var(--gif-line);background:var(--gif-surface)}.gif-method-tabs .gif-studio-tab[aria-selected=true]{background:var(--gif-accent);border-color:var(--gif-ink)}.gif-method-panel,.gif-edit-showcase{border:1px solid var(--gif-line);background:var(--gif-surface);border-radius:20px;grid-template-columns:1fr .9fr;align-items:center;gap:clamp(16px,4vw,46px);padding:clamp(18px,4vw,40px);display:grid}.gif-method-panel[hidden]{display:none}.gif-method-panel img{aspect-ratio:3/2;object-fit:cover;image-rendering:auto;border-radius:12px;width:100%;height:auto}.gif-method-panel .gif-primary,.gif-edit-showcase .gif-primary{margin-top:16px}.gif-edit-showcase{background:var(--gif-wash)}.gif-showcase-tools,.gif-home-plans,.gif-ideas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gif-showcase-tools a{border:1px solid var(--gif-line);background:var(--gif-surface);border-radius:12px;align-items:center;gap:9px;min-height:52px;padding:14px;font-weight:700;display:flex}.gif-showcase-tools a:hover{border-color:var(--gif-focus)}.gif-showcase-tools svg{flex:none}.gif-ideas-grid{margin-top:15px}.gif-ideas-grid article,.gif-home-plans article{border:1px solid var(--gif-line);background:var(--gif-surface);border-radius:16px;min-width:0;padding:clamp(15px,2.6vw,25px)}.gif-ideas-grid article:first-child{background:var(--gif-wash);grid-column:1/-1}.gif-ideas-grid button,.gif-home-plans a{margin-top:12px}.gif-pricing-hero{text-align:center;padding-block:clamp(22px,4vw,44px) 24px}.gif-pricing-hero p{margin-inline:auto}.gif-pricing-plans{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;width:min(840px,100% - 64px);padding-bottom:clamp(32px,5vw,58px);display:grid}.gif-plan{grid-template-rows:subgrid;border:2px solid var(--gif-ink);background:var(--gif-surface);border-radius:25px;grid-row:span 5;row-gap:14px;min-width:0;padding:clamp(17px,2vw,28px);display:grid;position:relative}.gif-plan[data-plan=pack]{background:var(--gif-wash);box-shadow:6px 6px 0 var(--gif-ink)}.gif-plan h2{font:850 clamp(22px, 2vw, 30px)/1.25 var(--gif-display);margin:0}.gif-plan header p,.gif-plan-note,.gif-plan-cta p{color:var(--gif-muted);margin:6px 0 0;font-size:14px;line-height:1.55}.gif-plan-price{font:800 14px/1.1 var(--gif-display);flex-wrap:wrap;align-self:end;align-items:baseline;column-gap:5px;padding-top:13px;display:flex}.gif-plan-price strong{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:clamp(38px,4.1vw,58px)}.gif-plan-price .gif-plan-unpriced{letter-spacing:-.025em;font-size:clamp(21px,2.3vw,29px)}.gif-plan-note{margin:0}.gif-plan-action{border:2px solid var(--gif-ink);background:var(--gif-surface);width:100%;min-height:48px;box-shadow:3px 3px 0 var(--gif-ink);text-align:center;font:850 15px/1.3 var(--gif-display);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex}.gif-plan-action svg{flex:none}.gif-plan[data-plan=pack] .gif-plan-action:not(.gif-plan-upcoming){background:var(--gif-accent)}.gif-plan-action:not(.gif-plan-upcoming,:disabled):hover{background:var(--gif-ink);color:var(--gif-surface)}.gif-plan-action:disabled{opacity:.7}.gif-plan-upcoming{border-color:var(--gif-line);color:var(--gif-muted);background:var(--gif-paper);box-shadow:none}.gif-plan-features{border-top:2px dashed var(--gif-line);align-content:start;gap:12px;margin:6px 0 0;padding:18px 0 0;font-size:14px;font-weight:650;list-style:none;display:grid}.gif-plan-features li{align-items:flex-start;gap:8px;display:flex}.gif-plan-features svg{flex:none;margin-top:2px}@media (width<=550px){.gif-pricing-plans{grid-template-columns:minmax(0,1fr);width:calc(100% - 36px)}.gif-plan{flex-direction:column;padding:22px;display:flex}.gif-plan-price{align-self:start;padding-top:0}}.gif-pricing-faq{width:min(840px,100% - 36px);margin-bottom:clamp(40px,7vw,76px)}.gif-pricing-faq h2{font:850 clamp(23px, 3vw, 32px)/1.2 var(--gif-display);margin-bottom:16px}.gif-plan-price>span{color:var(--gif-muted)}.gif-plan-note{background:var(--gif-paper);border-radius:8px;width:fit-content;padding:4px 9px}.gif-home-steps{border:1px solid var(--gif-line);background:var(--gif-surface);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.gif-home-steps li{align-items:flex-start;gap:12px;padding:clamp(14px,2vw,23px);display:flex}.gif-home-steps li+li{border-inline-start:1px solid var(--gif-line)}.gif-home-steps li>span{background:var(--gif-accent);width:28px;height:28px;color:var(--gif-ink);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.gif-home-section .gif-guide-faq summary h3{font-size:16px}.gif-home-close{border:1px solid var(--gif-line);background:var(--gif-wash);text-align:center;border-radius:24px;padding:clamp(24px,6vw,52px) 16px}.gif-home-footer{border-top:1px solid var(--gif-line);color:var(--gif-muted);grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:20px 25px;padding-block:16px 25px;font-size:14px;display:grid}.gif-footer-group{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.gif-footer-group h2{color:var(--gif-ink);font-size:14px;font-weight:750}.gif-home-footer a:hover{text-decoration:underline}@media (width<=680px){.gif-method-panel,.gif-edit-showcase,.gif-home-steps{grid-template-columns:1fr}.gif-home-steps li+li{border-inline-start:0;border-top:1px solid var(--gif-line)}}@media (width<=420px){.gif-home-plans{grid-template-columns:1fr}}.gif-login-dialog[data-slot=dialog-content]{border:1px solid var(--gif-line);background:var(--gif-surface);width:min(920px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--gif-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:24px;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:0;padding:0;display:grid;overflow:auto;box-shadow:0 22px 60px oklch(28% .049 279/.18)}.gif-login-showcase{background:var(--gif-wash);grid-template-rows:auto 1fr auto;min-width:0;padding:26px;display:grid}.gif-login-sample-label{border:1px solid var(--gif-line);background:var(--gif-surface);border-radius:99px;justify-self:start;padding:5px 10px;font-size:12px;font-weight:700}.gif-login-showcase picture{border:1px solid var(--gif-line);border-radius:18px;align-self:center;display:block;overflow:hidden}.gif-login-showcase img{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto}.gif-login-sample-name{font:800 24px/1.2 var(--gif-display);margin-bottom:6px}.gif-login-samples{gap:8px;display:flex}.gif-login-samples button{cursor:pointer;flex:1;align-items:center;height:24px;display:grid}.gif-login-samples button:after{content:"";background:var(--gif-line);border-radius:99px;height:4px}.gif-login-samples button[aria-pressed=true]:after{background:var(--gif-focus)}.gif-login-panel{padding:clamp(24px,4vw,44px)}.gif-login-close{cursor:pointer;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.gif-login-close:hover{background:var(--gif-wash)}.gif-login-dialog :focus-visible{outline:2px solid var(--gif-focus);outline-offset:3px}.gif-login-title[data-slot=dialog-title]{font:900 clamp(26px, 4vw, 43px)/1.12 var(--gif-display);letter-spacing:-.025em;margin-top:10px;padding-right:20px}.gif-login-description[data-slot=dialog-description]{color:var(--gif-muted);margin-top:10px}.gif-login-benefits{gap:10px;margin-block:22px;display:grid}.gif-login-benefits li{align-items:center;gap:10px;display:flex}.gif-login-benefits svg{width:16px;height:16px;color:var(--gif-focus);flex:none}.gif-login-panel [data-slot=field-group]{gap:14px}.gif-login-panel button[type=submit]{background:var(--gif-accent);color:var(--gif-ink)}@media (width<=680px){.gif-login-dialog[data-slot=dialog-content]{grid-template-columns:minmax(0,1fr);width:min(460px,100% - 24px);max-height:calc(100dvh - 24px)}.gif-login-showcase{display:none}}.gif-image-composer{border:1px solid var(--gif-line);background:var(--gif-paper);border-radius:16px;min-width:0;padding:12px}.gif-reference{border:1px dashed var(--gif-focus);background:var(--gif-wash);border-radius:12px;align-items:center;gap:12px;min-height:68px;margin-bottom:8px;padding:8px;display:flex}.gif-reference[data-dragging=true]{background:var(--gif-accent)}.gif-reference img{object-fit:contain;border:1px solid var(--gif-line);background:var(--gif-surface);border-radius:8px;flex:none;width:64px;height:64px}.gif-reference-content{flex:1;justify-items:start;gap:4px;min-width:0;display:grid}.gif-reference-content .gif-studio-tab{background:var(--gif-surface);border-color:var(--gif-line)}.gif-reference-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;display:block;overflow:hidden}.gif-reference-remove{align-self:flex-start;padding-inline:7px}.gif-studio-panel .gif-image-composer textarea{background:var(--gif-surface);min-height:82px}.gif-showcase{margin-top:clamp(35px,6vw,64px)}.gif-showcase h2{margin:0 0 16px;font-size:clamp(1.25rem,3vw,1.65rem);font-weight:700}.gif-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.gif-showcase-card{border:1px solid var(--gif-line);background:var(--gif-surface);border-radius:14px;overflow:hidden}.gif-showcase-card img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.gif-showcase-copy{padding:14px 16px 16px}.gif-showcase-copy h3{margin:0 0 8px;font-weight:700}.gif-showcase-actions{flex-wrap:wrap;gap:6px 16px;display:flex}.gif-showcase-actions a{text-underline-offset:3px;align-items:center;gap:4px;font-size:.875rem;text-decoration:underline;display:inline-flex}@media (width<=640px){.gif-showcase-grid{grid-template-columns:1fr}}