.gif-image-tool,.gif-tabs{min-width:0;color:var(--color-fg)}.gif-image-tool{gap:calc(var(--spacing) * 4);display:grid}.gif-dropzone{min-width:0;height:var(--gif-dropzone-home);justify-content:center;align-items:center;gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 6);border:var(--gif-border-thick) dashed var(--color-border);border-radius:var(--radius-card);background:var(--color-bg);text-align:center;cursor:pointer;transition:border-color var(--gif-fast), background-color var(--gif-fast);flex-direction:column;display:flex}.gif-dropzone[data-variant=innerPage]{height:var(--gif-dropzone-inner)}.gif-dropzone[data-variant=homeMobile]{height:var(--gif-dropzone-mobile)}.gif-dropzone:hover{border-color:var(--color-brand);background:var(--color-bg-subtle)}.gif-dropzone[data-dragging=true]{border-style:solid;border-color:var(--color-brand);background:var(--color-bg-subtle)}.gif-dropzone[aria-disabled=true]{opacity:.6;cursor:wait}.gif-inline-error{color:var(--color-danger)}.gif-parameters{grid-template-columns:repeat(3, minmax(0, calc(var(--spacing) * 40)));gap:calc(var(--spacing) * 4);border:0;min-width:0;padding:0;display:grid}.gif-field{gap:calc(var(--spacing) * 2);flex-direction:column;min-width:0;display:flex}.gif-field input,.gif-field select{width:100%;min-width:0;min-height:var(--gif-min-target);border:var(--gif-border-thin) solid var(--color-border);border-radius:var(--radius-input);padding-inline:calc(var(--spacing) * 3);background:var(--color-bg);color:var(--color-fg);font-size:var(--text-base)}.gif-parameters:disabled{opacity:.6}.gif-primary-button,.gif-secondary-button,.gif-text-button,.gif-icon-button{min-height:var(--gif-min-target);min-width:var(--gif-min-target);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-input);padding-inline:calc(var(--spacing) * 4);cursor:pointer;text-decoration:none;display:inline-flex}.gif-primary-button,.gif-secondary-button{min-width:calc(var(--spacing) * 60);min-height:var(--gif-action-height);justify-self:start;font-weight:600}.gif-primary-button{border:var(--gif-border-thin) solid var(--color-brand);border-radius:var(--radius-card);background:var(--color-brand);color:var(--color-bg)}.gif-primary-button:hover{background:var(--color-brand-hover)}.gif-secondary-button{border:var(--gif-border-thin) solid var(--color-border);background:var(--color-bg)}.gif-text-button{color:var(--color-fg-muted);background:0 0}.gif-icon-button{border:var(--gif-border-thin) solid var(--color-border);background:var(--color-bg);padding:0}.gif-text-button:hover,.gif-icon-button:hover,.gif-secondary-button:hover{background:var(--color-bg-hover)}.gif-image-tool button:disabled,.gif-tab:disabled{opacity:.5;cursor:not-allowed}.gif-file-list{gap:calc(var(--spacing) * 2);min-width:0;max-width:100%;padding:calc(var(--spacing) * 1);list-style:none;display:flex;overflow-x:auto}.gif-file-item{width:var(--gif-thumb-size);flex:0 0 var(--gif-thumb-size);gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}.gif-file-thumbnail{width:var(--gif-thumb-size);height:var(--gif-thumb-size);border:var(--gif-border-thin) solid var(--color-border);border-radius:var(--radius-input);object-fit:contain;background:var(--color-bg-subtle);display:block}.gif-file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gif-file-actions{justify-content:space-between;gap:calc(var(--spacing) * 2);display:flex}.gif-file-item .gif-text-button{padding-inline:0}.gif-progress{gap:calc(var(--spacing) * 2);display:grid}.gif-progress-label{justify-content:space-between;gap:calc(var(--spacing) * 4);display:flex}.gif-progress-track{height:var(--gif-progress-height);border-radius:var(--radius-pill);background:var(--color-bg-hover);overflow:hidden}.gif-progress-fill{background:var(--color-brand);height:100%;transition:width var(--gif-fast);display:block}.gif-progress-fill[data-indeterminate=true]{margin-inline:auto}.gif-result-panel{align-items:center;gap:calc(var(--spacing) * 6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.gif-result-preview{width:100%;max-height:var(--gif-preview-height);object-fit:contain;border-radius:var(--radius-card);background:var(--color-bg-subtle);display:block}.gif-result-details{align-items:flex-start;gap:calc(var(--spacing) * 4);flex-direction:column;min-width:0;display:flex}.gif-result-details .gif-primary-button{min-width:calc(var(--spacing) * 50)}.gif-tab-list{gap:calc(var(--spacing) * 2);max-width:100%;margin-bottom:calc(var(--spacing) * 4);display:flex;overflow-x:auto}.gif-tab{min-height:var(--gif-tab-height);padding-inline:calc(var(--spacing) * 5);border-bottom:var(--gif-border-thick) solid transparent;color:var(--color-fg-muted);cursor:pointer;background:0 0;flex-shrink:0}.gif-tab[aria-selected=true]{border-bottom-color:var(--color-brand);color:var(--color-fg)}.gif-tab-panel{min-height:var(--gif-panel-height)}.gif-tab-panel[hidden]{display:none}.gif-selected-file{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);min-width:0;display:flex}.gif-selected-file>span{overflow-wrap:anywhere;min-width:0}.gif-video-preview{width:100%;max-height:calc(var(--gif-preview-height) / 2);border-radius:var(--radius-card);background:var(--color-bg-subtle);display:block}.gif-editor-layout{grid-template-columns:var(--gif-rail-width) minmax(0, 1fr);gap:calc(var(--spacing) * 6);min-width:0;display:grid}.gif-editor-workspace{align-content:start;gap:calc(var(--spacing) * 4);min-width:0;display:grid}.gif-editor-controls{gap:calc(var(--spacing) * 4);border:0;min-width:0;padding:0;display:grid}.gif-editor-section{min-width:0;padding:calc(var(--spacing) * 4);border:var(--gif-border-thin) solid var(--color-border);border-radius:var(--radius-card)}.gif-editor-section summary{min-height:var(--gif-min-target);cursor:pointer;font-weight:600}.gif-editor-fields{gap:calc(var(--spacing) * 4);display:grid}.gif-editor-stage{background:var(--gif-canvas-background);touch-action:none;margin-inline:auto;position:relative}.gif-editor-canvas{width:100%;height:auto;display:block}.gif-editor-overlay{width:100%;height:100%;position:absolute;inset:0}.gif-crop-shade{fill:var(--gif-crop-overlay);pointer-events:none}.gif-crop-frame{fill:#0000;stroke:var(--color-brand);stroke-width:var(--gif-border-thick);vector-effect:non-scaling-stroke;cursor:move}.gif-crop-handle{fill:var(--color-bg);stroke:var(--color-brand);stroke-width:var(--gif-border-thick);vector-effect:non-scaling-stroke;cursor:nwse-resize}.gif-crop-handle[data-mode=ne],.gif-crop-handle[data-mode=sw]{cursor:nesw-resize}.gif-caption-hit{fill:#0000;stroke:#0000;cursor:move}.gif-caption-hit:hover,.gif-caption-hit:focus-visible{stroke:var(--color-brand);vector-effect:non-scaling-stroke}.gif-editor-frames{gap:calc(var(--spacing) * 2);max-height:var(--gif-rail-max-height);margin-block:calc(var(--spacing) * 4);padding:var(--spacing);flex-direction:column;display:flex;overflow:auto}.gif-frame-button{min-height:var(--gif-min-target);align-items:center;gap:calc(var(--spacing) * 2);padding:var(--spacing);border:var(--gif-border-thick) solid transparent;border-radius:var(--radius-input);background:var(--color-bg-subtle);cursor:pointer;display:flex}.gif-frame-button[aria-pressed=true]{border-color:var(--color-brand)}.gif-frame-button[data-current=true]{background:var(--color-bg-hover)}.gif-frame-thumbnail{width:var(--gif-frame-thumb);height:var(--gif-frame-thumb);flex-shrink:0}.gif-editor-playback,.gif-editor-actions,.gif-reset-confirm{align-items:center;gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.gif-editor-rail .gif-secondary-button,.gif-editor-playback .gif-secondary-button{min-width:0}.gif-editor-rail .gif-secondary-button{width:100%}.gif-check-label{min-height:var(--gif-min-target);align-items:center;gap:calc(var(--spacing) * 2);display:flex}.gif-check-label input{min-width:calc(var(--spacing) * 5);min-height:calc(var(--spacing) * 5)}.gif-reset-confirm{border:var(--gif-border-thin) solid var(--color-border);border-radius:var(--radius-card);padding:calc(var(--spacing) * 4)}@media (width<1024px){.gif-editor-layout{grid-template-columns:minmax(0,1fr)}.gif-editor-workspace{display:contents}.gif-editor-stage{grid-row:1}.gif-editor-playback{grid-row:2}.gif-editor-rail{grid-row:3}.gif-editor-controls{grid-row:4}.gif-editor-frames{flex-direction:row;max-height:none}.gif-frame-button{flex-direction:column;flex-shrink:0}}@media (width<768px){.gif-dropzone[data-variant=homeDesktop]{height:var(--gif-dropzone-mobile)}.gif-parameters,.gif-result-panel{grid-template-columns:minmax(0,1fr)}.gif-result-details{align-items:stretch}.gif-primary-button,.gif-secondary-button{width:100%}.gif-tab-panel{min-height:var(--gif-panel-mobile-height)}.gif-mobile-sticky{z-index:var(--gif-sticky-z);padding-bottom:env(safe-area-inset-bottom);position:sticky;bottom:0}}@media (prefers-reduced-motion:reduce){.gif-dropzone,.gif-progress-fill{transition:none}}@media (width<768px){.gif-tab-list{gap:0}.gif-tab{min-width:0;padding-inline:calc(var(--spacing) * 2);font-size:var(--text-sm);flex:1}}