.brand-extractor{max-width:720px}.brand-extractor__loading{padding:var(--space-xl);text-align:center;color:var(--color-text-muted);font-size:.9375rem}.brand-extractor__loading[hidden],.brand-extractor__results[hidden]{display:none}.brand-extractor__results-title{font-family:var(--font-serif);letter-spacing:-.03em;margin-bottom:var(--space-lg);font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:400}.palette-grid{margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.palette-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.palette-card__swatch{width:100%;height:80px}.palette-card__info{flex-direction:column;gap:.125rem;padding:.75rem;display:flex}.palette-card__hex{color:var(--color-text);font-family:Neue Montreal,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9375rem;font-weight:500}.palette-card__name{color:var(--color-text-muted);font-size:.75rem}.palette-card__values{color:var(--color-text-muted);font-family:Neue Montreal,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6875rem}.palette-card__actions{gap:.375rem;padding:0 .75rem .75rem;display:flex}.palette-card__actions .tool-copy-btn{padding:.3rem .625rem;font-size:.5625rem;text-decoration:none}.brand-extractor__exports{gap:var(--space-md);flex-direction:column;display:flex}.brand-extractor__refine{margin-top:var(--space-lg);color:#000;font-family:var(--font-alfabet);text-transform:uppercase;letter-spacing:.02em;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background-color:#fff;border-radius:2rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.625rem;font-weight:900;text-decoration:none;display:inline-flex}.brand-extractor__refine:hover{color:#fff;background-color:#000;transform:scale(1.05)}@media (width<=768px){.palette-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.palette-grid{grid-template-columns:1fr}}