.ColorPaletteExtractorClient-module__5i99vW__palette{gap:1.5rem;max-width:760px;margin:0 auto}.ColorPaletteExtractorClient-module__5i99vW__header{text-align:center;gap:.5rem}.ColorPaletteExtractorClient-module__5i99vW__inputs{flex-wrap:wrap;gap:.75rem;display:flex}.ColorPaletteExtractorClient-module__5i99vW__dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;min-width:200px;color:var(--fg-muted);flex:1;padding:.75rem;transition:border .2s,color .2s}.ColorPaletteExtractorClient-module__5i99vW__dropzone:hover{border-color:var(--brand);color:var(--brand)}.ColorPaletteExtractorClient-module__5i99vW__preview{text-align:center}.ColorPaletteExtractorClient-module__5i99vW__preview img{border-radius:var(--radius);max-width:100%;box-shadow:var(--shadow-1)}.ColorPaletteExtractorClient-module__5i99vW__swatches{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1rem;display:grid}.ColorPaletteExtractorClient-module__5i99vW__swatch{border-radius:var(--radius);height:90px;box-shadow:var(--shadow-1);cursor:pointer;justify-content:center;align-items:flex-end;padding:.4rem;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.ColorPaletteExtractorClient-module__5i99vW__swatch:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}.ColorPaletteExtractorClient-module__5i99vW__label{color:#fff;background:rgba(0,0,0,.65);border-radius:6px;padding:3px 8px;font-size:.8rem;transition:background .2s}.ColorPaletteExtractorClient-module__5i99vW__error{color:var(--brand);text-align:center;font-size:.9rem}