.page.svelte-7yxev4{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:2rem}.page-header.svelte-7yxev4{max-width:900px;margin:0 auto 2rem}.back-link.svelte-7yxev4{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;margin-bottom:1rem;transition:color .2s}.back-link.svelte-7yxev4:hover{color:var(--accent)}.title-row.svelte-7yxev4{margin-bottom:.5rem}.tool-id.svelte-7yxev4{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary);letter-spacing:.05em}h1.svelte-7yxev4{font-size:2rem;font-weight:600;margin:0 0 .5rem}.description.svelte-7yxev4{color:var(--text-secondary);margin:0}.tool-content.svelte-7yxev4{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.section.svelte-7yxev4{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.section-header.svelte-7yxev4{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-primary)}.section-number.svelte-7yxev4{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);background:var(--accent-muted);padding:.25rem .5rem;border-radius:4px}.section-title.svelte-7yxev4{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--text-secondary);letter-spacing:.05em}.upload-area.svelte-7yxev4{border:2px dashed var(--border-secondary);border-radius:8px;transition:all .2s}.upload-area.svelte-7yxev4:hover,.upload-area.dragging.svelte-7yxev4{border-color:var(--accent);background:var(--accent-muted)}.file-input.svelte-7yxev4{display:none}.upload-label.svelte-7yxev4{display:flex;flex-direction:column;align-items:center;padding:3rem;cursor:pointer;color:var(--text-secondary)}.upload-label.svelte-7yxev4 svg:where(.svelte-7yxev4){margin-bottom:1rem;opacity:.6}.upload-text.svelte-7yxev4{font-size:1rem;margin-bottom:.25rem}.upload-hint.svelte-7yxev4{font-size:.75rem;color:var(--text-tertiary)}.hint.svelte-7yxev4{font-size:.875rem;color:var(--text-tertiary);margin:0 0 1rem}.frames-grid.svelte-7yxev4{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.frame-item.svelte-7yxev4{position:relative;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;cursor:grab;transition:all .2s}.frame-item.svelte-7yxev4:hover{border-color:var(--accent)}.frame-item.dragging.svelte-7yxev4{opacity:.5;transform:scale(.95)}.frame-item.svelte-7yxev4 img:where(.svelte-7yxev4){width:100%;aspect-ratio:1;object-fit:cover}.frame-index.svelte-7yxev4{position:absolute;top:4px;left:4px;background:var(--bg-primary);color:var(--text-secondary);font-size:.75rem;padding:2px 6px;border-radius:4px}.frame-controls.svelte-7yxev4{display:flex;align-items:center;gap:4px;padding:.5rem;background:var(--bg-secondary)}.delay-input.svelte-7yxev4{width:60px;padding:4px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);font-size:.75rem;text-align:center}.delay-label.svelte-7yxev4{font-size:.75rem;color:var(--text-tertiary)}.remove-btn.svelte-7yxev4{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.settings-grid.svelte-7yxev4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.setting-group.svelte-7yxev4{display:flex;flex-direction:column;gap:.5rem}.setting-label.svelte-7yxev4{font-size:.875rem;color:var(--text-secondary);font-weight:500}.setting-row.svelte-7yxev4{display:flex;gap:.5rem}.setting-input.svelte-7yxev4{padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:.875rem;width:100px}.setting-hint.svelte-7yxev4{font-size:.75rem;color:var(--text-tertiary)}.progress-container.svelte-7yxev4{display:flex;flex-direction:column;gap:.5rem}.progress-bar.svelte-7yxev4{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill.svelte-7yxev4{height:100%;background:var(--accent);transition:width .3s ease}.progress-text.svelte-7yxev4{font-size:.875rem;color:var(--text-secondary)}.result-container.svelte-7yxev4{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.gif-preview.svelte-7yxev4{max-width:100%;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem}.gif-preview.svelte-7yxev4 img:where(.svelte-7yxev4){max-width:100%;display:block}.result-info.svelte-7yxev4{font-size:.875rem;color:var(--text-secondary)}.actions.svelte-7yxev4{display:flex;gap:1rem;justify-content:flex-end}.btn.svelte-7yxev4{padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn.svelte-7yxev4:disabled{opacity:.5;cursor:not-allowed}.btn-primary.svelte-7yxev4{background:var(--accent);color:var(--bg-primary)}.btn-primary.svelte-7yxev4:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary.svelte-7yxev4{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary.svelte-7yxev4:hover:not(:disabled){background:var(--border-primary)}.btn-small.svelte-7yxev4{padding:.5rem 1rem;font-size:.75rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.error.svelte-7yxev4{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.875rem;margin-top:1rem}.hint-warning.svelte-7yxev4{font-size:.875rem;color:var(--text-tertiary);margin:.5rem 0 0}@media(max-width:640px){.page.svelte-7yxev4{padding:1rem}h1.svelte-7yxev4{font-size:1.5rem}.frames-grid.svelte-7yxev4{grid-template-columns:repeat(2,1fr)}.actions.svelte-7yxev4{flex-direction:column}.btn.svelte-7yxev4{width:100%}}