.gif-preparation{--background:var(--brand-bg);--foreground:var(--brand-text);--card:var(--brand-panel);--card-foreground:var(--brand-text);--muted:var(--brand-elevated);--muted-foreground:var(--brand-muted);--primary:var(--brand-accent);--primary-foreground:var(--brand-on-accent);--border:var(--brand-line);--input:var(--brand-line);--ring:var(--brand-accent)}.gif-tool-page{color:var(--brand-text)}.gif-tool-page .gif-tool-hero{padding:clamp(2rem,5vw,4rem) 1.25rem clamp(1.75rem,4vw,3rem)}.gif-tool-page .vm-model-hero-content{max-width:76rem}.gif-tool-page .vm-container{width:min(100%,76rem)}.gif-tool-page .vm-heading{color:var(--brand-text)}.gif-tool-page .vm-model-hero-description{max-width:48rem;color:var(--brand-muted)}.gif-tool-page .gif-tool-generator{padding:0 1.25rem clamp(2.5rem,6vw,5rem)}.gif-tool-page .gif-workbench-grid{grid-template-columns:minmax(0,1.35fr) minmax(17rem,.75fr);align-items:start;gap:clamp(1.25rem,3vw,2rem);max-width:76rem;display:grid}.gif-tool-page .gif-generator-card{border:1px solid var(--brand-line);background:var(--brand-panel);border-radius:1.25rem;flex-direction:column;gap:1.15rem;width:100%;max-width:none;margin:0;padding:clamp(1rem,2.5vw,1.5rem);display:flex;box-shadow:0 18px 50px #00000014}.gif-tool-page .gif-prompt-block,.gif-tool-page .gif-prompt-block .vm-generator-input-row{width:100%;display:block}.gif-tool-page .gif-field-label,.gif-tool-page .gif-secondary-label{color:var(--brand-text);margin-bottom:.55rem;font-size:.9rem;font-weight:650;display:block}.gif-tool-page .gif-prompt-block textarea{resize:vertical;border:1px solid var(--brand-line);background:var(--brand-bg);width:100%;min-height:8.5rem;color:var(--brand-text);font:inherit;border-radius:.85rem;outline:none;padding:.9rem 1rem 1.8rem;line-height:1.55;transition:border-color .15s,box-shadow .15s;display:block}.gif-tool-page .gif-prompt-block textarea:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--brand-accent) 18%, transparent)}.gif-tool-page .gif-prompt-block textarea::placeholder{color:var(--brand-muted);opacity:.8}.gif-tool-page .vm-generator-count{color:var(--brand-muted);font-size:.75rem;bottom:.55rem;right:.8rem}.gif-tool-page .gif-prompt-help{color:var(--brand-muted);margin:.55rem 0 0;font-size:.82rem;line-height:1.5}.gif-tool-page .gif-prompt-actions,.gif-tool-page .gif-preset-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.gif-tool-page .gif-prompt-actions{justify-content:space-between}.gif-tool-page .gif-preset-actions .gif-secondary-label{width:100%;color:var(--brand-muted);margin:0 0 .1rem;font-size:.78rem;font-weight:600}.gif-tool-page .gif-preset-chip{border:1px solid var(--brand-line);min-height:2.15rem;color:var(--brand-text);border-radius:999px;padding:.35rem .7rem;font-size:.78rem}.gif-tool-page .gif-preset-chip:hover,.gif-tool-page .gif-preset-chip.is-active{border-color:var(--brand-accent);background:color-mix(in oklab, var(--brand-accent) 10%, var(--brand-panel))}.gif-tool-page .gif-copy-prompt{color:var(--brand-accent);align-items:center;gap:.45rem;display:inline-flex}.gif-tool-page .gif-copy-prompt:disabled{cursor:not-allowed;opacity:.5}.gif-tool-page .gif-generator-options,.gif-tool-page .gif-slider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.gif-tool-page .gif-slider-control{border:1px solid var(--brand-line);background:var(--brand-bg);border-radius:.85rem;gap:.65rem;padding:.85rem;display:grid}.gif-tool-page .gif-slider-label{color:var(--brand-muted);justify-content:space-between;gap:.75rem;font-size:.8rem;display:flex}.gif-tool-page .gif-slider-label strong{color:var(--brand-text);font-variant-numeric:tabular-nums;flex:none}.gif-tool-page .gif-slider-control input[type=range]{width:100%;accent-color:var(--brand-accent)}.gif-tool-page .gif-generation-panel{width:100%}.gif-tool-page .gif-pricing-link{text-align:right;margin-top:-.55rem}.gif-tool-page .gif-example-card{border:1px solid var(--brand-line);background:var(--brand-panel);border-radius:1.25rem;margin:0;position:sticky;top:1.5rem;overflow:hidden;box-shadow:0 18px 50px #00000014}.gif-tool-page .gif-preview-region{min-width:0}.gif-tool-page .gif-preview-title{color:var(--brand-text);margin:0 0 .85rem;font-size:1.15rem;line-height:1.4}.gif-tool-page .gif-task-output:empty{display:none}.gif-tool-page .gif-example-card img{aspect-ratio:1;object-fit:cover;background:var(--brand-elevated);width:100%;display:block}.gif-tool-page .gif-example-card figcaption{color:var(--brand-muted);padding:.9rem 1rem;font-size:.82rem;line-height:1.5}.gif-tool-page .gif-content-section{background:var(--brand-bg);padding:clamp(2.5rem,6vw,4.5rem) 1.25rem}.gif-tool-page .gif-content-section .vm-container{max-width:76rem}.gif-tool-page .gif-content-section .vm-heading{margin-bottom:1.4rem}.gif-tool-page .gif-faq-grid,.gif-tool-page .gif-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.gif-tool-page .gif-faq-card,.gif-tool-page .gif-related-grid>a{border:1px solid var(--brand-line);background:var(--brand-panel);border-radius:1rem;min-width:0;padding:1.1rem 1.2rem}.gif-tool-page .gif-faq-card h3{color:var(--brand-text);margin:0 0 .5rem;font-size:1rem;line-height:1.4}.gif-tool-page .gif-faq-card p{color:var(--brand-muted);margin:0;font-size:.9rem;line-height:1.65}.gif-tool-page .gif-related-section,.gif-tool-page .gif-reference-section{padding-top:0}.gif-tool-page .gif-meme-reference{border:1px solid var(--brand-line);background:var(--brand-panel);border-radius:1rem;align-items:center;gap:1.25rem;max-width:42rem;margin:0;padding:1rem;display:flex}.gif-tool-page .gif-meme-reference img{background:var(--brand-elevated);border-radius:.7rem;flex:none;width:min(216px,100%);height:auto;display:block}.gif-tool-page .gif-meme-reference figcaption{color:var(--brand-muted);font-size:.88rem;line-height:1.6}.gif-tool-page .gif-meme-reference a{color:var(--brand-accent);font-weight:650}.gif-tool-page .gif-related-grid>a{min-height:4rem;color:var(--brand-text);align-items:center;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.gif-tool-page .gif-related-grid>a:hover{border-color:var(--brand-accent);transform:translateY(-2px)}@media (width<=760px){.gif-tool-page .gif-workbench-grid{grid-template-columns:minmax(0,1fr)}.gif-tool-page .gif-example-card{justify-self:center;width:min(100%,32rem);position:static}.gif-tool-page .gif-preview-region{justify-self:center;width:min(100%,32rem)}}@media (width<=520px){.gif-tool-page .gif-generator-options,.gif-tool-page .gif-slider-grid,.gif-tool-page .gif-faq-grid,.gif-tool-page .gif-related-grid{grid-template-columns:minmax(0,1fr)}.gif-tool-page .gif-prompt-actions{align-items:flex-start}.gif-tool-page .gif-meme-reference{flex-direction:column;align-items:flex-start}}