.tool-page.svelte-1w6o3bw{padding:2rem 0;max-width:900px}.tool-hero.svelte-1w6o3bw{text-align:center;margin-bottom:2rem}.tool-hero.svelte-1w6o3bw h1:where(.svelte-1w6o3bw){font-size:2.5rem;margin-bottom:.5rem}.subtitle.svelte-1w6o3bw{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.add-hint.svelte-1w6o3bw{text-align:center;color:var(--text-muted);font-size:.875rem;margin-top:.75rem}.frames-section.svelte-1w6o3bw{margin:2rem 0}.frames-header.svelte-1w6o3bw{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.frames-header.svelte-1w6o3bw h3:where(.svelte-1w6o3bw){margin:0;font-size:1.125rem}.frames-actions.svelte-1w6o3bw{display:flex;gap:.5rem}.btn-sm.svelte-1w6o3bw{padding:.375rem .75rem;font-size:.8125rem}.add-more-label.svelte-1w6o3bw{cursor:pointer}.frames-list.svelte-1w6o3bw{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.frame-item.svelte-1w6o3bw{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.frame-index.svelte-1w6o3bw{font-size:.875rem;font-weight:700;color:var(--text-muted);width:24px;text-align:center}.frame-preview.svelte-1w6o3bw{width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--bg)}.frame-preview.svelte-1w6o3bw img:where(.svelte-1w6o3bw){width:100%;height:100%;object-fit:cover}.frame-info.svelte-1w6o3bw{flex:1;min-width:0}.frame-name.svelte-1w6o3bw{font-size:.8125rem;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.frame-delay.svelte-1w6o3bw{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-muted)}.delay-input.svelte-1w6o3bw{width:70px;padding:.25rem .375rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8125rem;font-family:var(--font-sans);text-align:center}.frame-controls.svelte-1w6o3bw{display:flex;flex-direction:column;gap:.125rem;flex-shrink:0}.btn-icon.svelte-1w6o3bw{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:.125rem .375rem;font-size:.6875rem;color:var(--text-secondary);line-height:1}.btn-icon.svelte-1w6o3bw:hover{background:var(--bg);color:var(--text)}.btn-icon.svelte-1w6o3bw:disabled{opacity:.3;cursor:not-allowed}.btn-remove-icon.svelte-1w6o3bw:hover:not(:disabled){color:var(--error);border-color:var(--error)}.options-panel.svelte-1w6o3bw{margin:2rem 0;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.options-panel.svelte-1w6o3bw h3:where(.svelte-1w6o3bw){margin:0 0 1rem;font-size:1.125rem}.options-grid.svelte-1w6o3bw{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.option.svelte-1w6o3bw label:where(.svelte-1w6o3bw){display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.styled-input.svelte-1w6o3bw,.styled-select.svelte-1w6o3bw{width:100%;padding:.625rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;font-family:var(--font-sans);background:var(--bg)}.option-hint.svelte-1w6o3bw{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.global-delay-section.svelte-1w6o3bw{margin-bottom:1.5rem}.checkbox-label.svelte-1w6o3bw{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.global-delay-input.svelte-1w6o3bw{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem}.create-btn.svelte-1w6o3bw{width:100%;padding:.875rem 1.5rem;font-size:1rem}.error-text.svelte-1w6o3bw{color:var(--error);margin-top:.75rem;font-size:.875rem}.spinner.svelte-1w6o3bw{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-1w6o3bw-spin .6s linear infinite}@keyframes svelte-1w6o3bw-spin{to{transform:rotate(360deg)}}.result-section.svelte-1w6o3bw{margin-top:2rem}.result-section.svelte-1w6o3bw h3:where(.svelte-1w6o3bw){margin-bottom:1rem}.gif-preview.svelte-1w6o3bw{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary);text-align:center;padding:1rem}.gif-preview.svelte-1w6o3bw img:where(.svelte-1w6o3bw){max-width:100%;height:auto;display:block;margin:0 auto}.result-actions.svelte-1w6o3bw{display:flex;align-items:center;gap:1rem;margin-top:1rem}.gif-size.svelte-1w6o3bw{font-size:.875rem;color:var(--text-muted)}.seo-content.svelte-1w6o3bw{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.seo-content.svelte-1w6o3bw h2:where(.svelte-1w6o3bw){font-size:1.5rem;margin-top:2rem;margin-bottom:.75rem}.seo-content.svelte-1w6o3bw h2:where(.svelte-1w6o3bw):first-child{margin-top:0}.seo-content.svelte-1w6o3bw p:where(.svelte-1w6o3bw){color:var(--text-secondary);line-height:1.7}@media(max-width:640px){.tool-hero.svelte-1w6o3bw h1:where(.svelte-1w6o3bw){font-size:1.75rem}.options-grid.svelte-1w6o3bw{grid-template-columns:1fr}.frame-item.svelte-1w6o3bw{flex-wrap:wrap}.frame-controls.svelte-1w6o3bw{flex-direction:row}}