.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;border:2px dashed var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;margin-bottom:24px}.dropzone:hover,.dropzone.dragover{border-color:var(--color-accent);background:var(--color-accent-light)}.dropzone svg{color:var(--color-text-secondary)}.dropzone p{color:var(--color-text-secondary)}.preview-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px}.section-title{font-size:1rem;font-weight:600;margin-bottom:20px}.favicon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;margin-bottom:24px}.favicon-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--color-bg);border-radius:var(--radius-sm)}.favicon-item img{background:#fff;border:1px solid var(--color-border);border-radius:4px}.favicon-label{font-size:.75rem;color:var(--color-text-secondary);font-family:var(--font-mono)}.btn-download{padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:.75rem;cursor:pointer}.btn-download:hover{border-color:var(--color-accent)}.btn-download-all{width:100%;padding:14px;border:none;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;font-weight:600;cursor:pointer}.btn-download-all:hover{background:#1d4ed8}