.gif-page.svelte-88gh89{max-width:42rem;margin:0 auto;padding:2.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem}.drop-zone.svelte-88gh89{width:100%;padding:2.5rem 1.5rem;border-radius:1rem;border:2px dashed var(--bg-separator);display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;background:var(--bg-panel);transition:border-color .15s}.drop-zone.svelte-88gh89:hover{border-color:var(--accent)}.opt-section.svelte-88gh89{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:1rem;background:var(--bg-panel);box-shadow:var(--shadow-panel)}.opt-row.svelte-88gh89{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.opt-label.svelte-88gh89{font-size:.8125rem;font-weight:600;width:4.5rem;flex-shrink:0}.num-input.svelte-88gh89{width:5rem;padding:.375rem .5rem;border-radius:.5rem;font-size:.875rem;border:1px solid var(--bg-separator);background:var(--bg-panel-alt, var(--bg-panel));color:var(--fg)}.num-input.svelte-88gh89:focus{outline:1.5px solid var(--accent)}.result-section.svelte-88gh89{display:flex;flex-direction:column;align-items:center;gap:1rem}.gif-preview.svelte-88gh89{max-width:100%;max-height:20rem;border-radius:.75rem;box-shadow:var(--shadow-panel)}.result-box.svelte-88gh89{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:1rem;background:var(--bg-panel);box-shadow:var(--shadow-panel);width:100%}