.ColorExtractor_container__XD9Jy{display:flex;flex-direction:column;gap:var(--spacing-6);max-width:900px;margin:0 auto}.ColorExtractor_uploadArea__h_cAW{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);gap:var(--spacing-4);transition:border-color .2s ease}.ColorExtractor_uploadArea__h_cAW:hover{border-color:var(--brand-primary)}.ColorExtractor_uploadBtn__wtO58{background:var(--brand-primary);color:#171717;padding:var(--spacing-3) var(--spacing-8);border-radius:var(--radius-md);font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .2s ease;display:inline-block}.ColorExtractor_uploadBtn__wtO58:hover{background:var(--brand-primary-hover);transform:translateY(-2px)}.ColorExtractor_fileInput__N8OhA{display:none}.ColorExtractor_helpText__sar7P{font-size:.875rem;color:var(--text-secondary);margin:0}.ColorExtractor_workspace__e77my{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-6)}@media (min-width:768px){.ColorExtractor_workspace__e77my{grid-template-columns:300px 1fr}}.ColorExtractor_imagePreview__rt7Qx{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2)}.ColorExtractor_img__zlad6{max-width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius-sm)}.ColorExtractor_paletteArea__fiM0A{display:flex;flex-direction:column;gap:var(--spacing-4)}.ColorExtractor_paletteTitle__M4NLR{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-2)}.ColorExtractor_loading__6_XYL{color:var(--text-secondary);font-style:italic}.ColorExtractor_colorGrid__nOA2H{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-4)}.ColorExtractor_colorCard__CM_RM{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 4px rgba(0,0,0,.05)}.ColorExtractor_colorSwatch__k28Nt{height:100px;width:100%}.ColorExtractor_colorInfo__TfgF6{display:flex;flex-direction:column;padding:var(--spacing-2);gap:var(--spacing-2)}.ColorExtractor_colorCodeBtn__EB582{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:var(--spacing-1);font-size:.75rem;font-family:var(--font-mono);cursor:pointer;transition:all .2s ease;width:100%}.ColorExtractor_colorCodeBtn__EB582:hover{background:var(--border-color)}