.FaviconGeneratorClient-module__pmQ-lW__faviconTool{gap:1.5rem}.FaviconGeneratorClient-module__pmQ-lW__dropZone{border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;background:var(--surface-2);padding:2rem;transition:border-color .2s,background .2s}.FaviconGeneratorClient-module__pmQ-lW__dropZone:hover,.FaviconGeneratorClient-module__pmQ-lW__dropZone:focus-within{border-color:var(--primary);background:var(--surface-3)}.FaviconGeneratorClient-module__pmQ-lW__previewGrid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.FaviconGeneratorClient-module__pmQ-lW__previewCard{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-1);flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.FaviconGeneratorClient-module__pmQ-lW__sizeBadge{color:var(--muted-fg);text-transform:uppercase;font-size:.75rem;font-weight:600}.FaviconGeneratorClient-module__pmQ-lW__canvasWrap{place-items:center;width:100%;display:grid}.FaviconGeneratorClient-module__pmQ-lW__canvasWrap canvas,.FaviconGeneratorClient-module__pmQ-lW__canvasWrap img{box-shadow:var(--shadow-sm);background:var(--surface-2);border-radius:.75rem}.FaviconGeneratorClient-module__pmQ-lW__actions{flex-wrap:wrap;gap:.75rem;display:flex}.FaviconGeneratorClient-module__pmQ-lW__alert{border-radius:var(--radius-md);color:var(--warning-text,#854d0e);background:#eab30826;border:1px solid #eab3084d;padding:.75rem 1rem}.FaviconGeneratorClient-module__pmQ-lW__hintList{color:var(--muted-fg);gap:.25rem;font-size:.95rem;display:grid}