.color-extractor.svelte-1xu4o8i{width:100%;font-family:system-ui,-apple-system,sans-serif}.upload-section.svelte-1xu4o8i{margin-bottom:1rem}.upload-area.svelte-1xu4o8i{display:flex;justify-content:center;align-items:center;border:2px dashed rgba(255,255,255,.2);border-radius:8px;padding:1rem;background:#ffffff0d;transition:all .2s ease;min-height:80px}.upload-area.svelte-1xu4o8i:hover{background:#ffffff14;border-color:#ffffff4d}.upload-area.processing.svelte-1xu4o8i{opacity:.7}.upload-area.error.svelte-1xu4o8i{border-color:#ff646480;background:#ff64640d}.upload-placeholder.svelte-1xu4o8i{display:flex;flex-direction:row;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.9rem}.preview-container.svelte-1xu4o8i{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.image-preview.svelte-1xu4o8i{max-width:100%;max-height:200px;border-radius:4px;object-fit:contain}.image-actions.svelte-1xu4o8i{display:flex;gap:.5rem;margin-top:.5rem}.action-btn.svelte-1xu4o8i{background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:.3rem .75rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease;min-width:60px}.action-btn.svelte-1xu4o8i:hover{background:#0006;border-color:#fff6}.action-btn.svelte-1xu4o8i:disabled{opacity:.5;cursor:not-allowed}.remove-btn.svelte-1xu4o8i:hover{background:#dc26264d;border-color:#dc262680;color:#dc2626e6}.error-message.svelte-1xu4o8i{color:#ff6464e6;font-size:.85rem;margin-top:.25rem}.colors-preview.svelte-1xu4o8i{margin-top:1.5rem}.colors-preview.svelte-1xu4o8i h3:where(.svelte-1xu4o8i){font-size:1rem;font-weight:500;color:#ffffffe6;margin-bottom:.75rem}.colors-grid.svelte-1xu4o8i{display:flex;flex-wrap:wrap;gap:.5rem}.color-swatch.svelte-1xu4o8i{width:2rem;height:2rem;border-radius:4px;border:1px solid rgba(255,255,255,.15);transition:transform .2s ease}.color-swatch.svelte-1xu4o8i:hover{transform:scale(1.1);z-index:1}.color-groups.svelte-1xu4o8i{display:flex;flex-direction:column;gap:.75rem}.color-group.svelte-1xu4o8i{display:flex;align-items:center;gap:.75rem}.group-color.svelte-1xu4o8i{width:2.5rem;height:2.5rem;border-radius:4px;border:1px solid rgba(255,255,255,.15)}.group-colors.svelte-1xu4o8i{display:flex;gap:.25rem}.group-colors.svelte-1xu4o8i .color-swatch:where(.svelte-1xu4o8i){width:1.5rem;height:1.5rem}