.FaviconGenerator[data-v-a2eb2cce]{margin:0 auto;max-width:900px}.FaviconGenerator .SectionTitle[data-v-a2eb2cce]{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.FaviconGenerator .SectionTitle[data-v-a2eb2cce] .arco-icon{color:var(--theme-primary,#1e7fff)}.FaviconGenerator .UploadSection[data-v-a2eb2cce]{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:20px;padding:24px}.FaviconGenerator .UploadSection .UploadArea[data-v-a2eb2cce]{border:2px dashed #e2e8f0;border-radius:12px;cursor:pointer;padding:40px;text-align:center;transition:all .3s}.FaviconGenerator .UploadSection .UploadArea.drag-over[data-v-a2eb2cce],.FaviconGenerator .UploadSection .UploadArea[data-v-a2eb2cce]:hover{background:#f0f7ff;border-color:var(--theme-primary,#1e7fff)}.FaviconGenerator .UploadSection .UploadArea.has-file[data-v-a2eb2cce]{padding:24px}.FaviconGenerator .UploadSection .UploadArea .UploadPlaceholder .UploadIcon[data-v-a2eb2cce]{color:#94a3b8;font-size:48px;margin-bottom:16px}.FaviconGenerator .UploadSection .UploadArea .UploadPlaceholder .UploadText .main-text[data-v-a2eb2cce]{color:#1e293b;font-size:16px;margin-bottom:8px}.FaviconGenerator .UploadSection .UploadArea .UploadPlaceholder .UploadText .sub-text[data-v-a2eb2cce]{color:#64748b;font-size:13px}.FaviconGenerator .UploadSection .UploadArea .FilePreview[data-v-a2eb2cce]{align-items:center;display:flex;gap:16px}.FaviconGenerator .UploadSection .UploadArea .FilePreview img[data-v-a2eb2cce]{background:#f8fafc;border-radius:8px;height:80px;-o-object-fit:contain;object-fit:contain;width:80px}.FaviconGenerator .UploadSection .UploadArea .FilePreview .FileInfo[data-v-a2eb2cce]{flex:1;text-align:left}.FaviconGenerator .UploadSection .UploadArea .FilePreview .FileInfo .FileName[data-v-a2eb2cce]{color:#1e293b;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.FaviconGenerator .UploadSection .UploadArea .FilePreview .FileInfo .FileSize[data-v-a2eb2cce]{color:#64748b;font-size:13px}.FaviconGenerator .SizeSection[data-v-a2eb2cce]{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:20px;padding:24px}.FaviconGenerator .SizeSection .SizeOptions[data-v-a2eb2cce]{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:16px}.FaviconGenerator .SizeSection .SizeOptions[data-v-a2eb2cce] .arco-checkbox .SizeLabel{color:#1e293b;font-weight:500;margin-right:8px}.FaviconGenerator .SizeSection .SizeOptions[data-v-a2eb2cce] .arco-checkbox .SizeDesc{color:#64748b;font-size:12px}.FaviconGenerator .SizeSection .SizeActions[data-v-a2eb2cce]{display:flex;gap:8px}.FaviconGenerator .ActionSection[data-v-a2eb2cce]{margin-bottom:20px;text-align:center}.FaviconGenerator .ActionSection[data-v-a2eb2cce] .arco-btn{min-width:200px}.FaviconGenerator .ResultSection[data-v-a2eb2cce]{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:20px;padding:24px}.FaviconGenerator .ResultSection .ResultContent .PreviewArea[data-v-a2eb2cce]{margin-bottom:24px}.FaviconGenerator .ResultSection .ResultContent .PreviewArea .PreviewTitle[data-v-a2eb2cce]{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:16px}.FaviconGenerator .ResultSection .ResultContent .PreviewArea .PreviewSizes[data-v-a2eb2cce]{display:flex;flex-wrap:wrap;gap:24px}.FaviconGenerator .ResultSection .ResultContent .PreviewArea .PreviewSizes .PreviewItem[data-v-a2eb2cce]{text-align:center}.FaviconGenerator .ResultSection .ResultContent .PreviewArea .PreviewSizes .PreviewItem .PreviewBox[data-v-a2eb2cce]{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:center;margin:0 auto 8px;overflow:hidden}.FaviconGenerator .ResultSection .ResultContent .PreviewArea .PreviewSizes .PreviewItem .PreviewBox img[data-v-a2eb2cce]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.FaviconGenerator .ResultSection .ResultContent .PreviewArea .PreviewSizes .PreviewItem .PreviewLabel[data-v-a2eb2cce]{color:#64748b;font-size:12px}.FaviconGenerator .ResultSection .ResultContent .DownloadArea[data-v-a2eb2cce]{border-top:1px solid #f1f5f9;padding-top:24px}.FaviconGenerator .ResultSection .ResultContent .DownloadArea .DownloadInfo[data-v-a2eb2cce]{display:flex;gap:24px;margin-bottom:20px}.FaviconGenerator .ResultSection .ResultContent .DownloadArea .DownloadInfo .InfoItem .Label[data-v-a2eb2cce]{color:#64748b}.FaviconGenerator .ResultSection .ResultContent .DownloadArea .DownloadInfo .InfoItem .Value[data-v-a2eb2cce]{color:#1e293b;font-weight:500}.FaviconGenerator .ResultSection .ResultContent .DownloadArea .DownloadActions[data-v-a2eb2cce]{display:flex;gap:12px;margin-bottom:24px}.FaviconGenerator .ResultSection .ResultContent .DownloadArea .UsageGuide[data-v-a2eb2cce]{background:#f8fafc;border-radius:12px;padding:16px}.FaviconGenerator .ResultSection .ResultContent .DownloadArea .UsageGuide .GuideTitle[data-v-a2eb2cce]{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:12px}.FaviconGenerator .ResultSection .ResultContent .DownloadArea .UsageGuide .GuideTitle[data-v-a2eb2cce] .arco-icon{color:var(--theme-primary,#1e7fff)}.FaviconGenerator .ResultSection .ResultContent .DownloadArea .UsageGuide .GuideContent[data-v-a2eb2cce]{color:#475569;font-size:13px;line-height:1.8}.FaviconGenerator .ResultSection .ResultContent .DownloadArea .UsageGuide .GuideContent p[data-v-a2eb2cce]{margin-bottom:4px}.FaviconGenerator .ResultSection .ResultContent .DownloadArea .UsageGuide .GuideContent pre[data-v-a2eb2cce]{background:#1e293b;border-radius:8px;color:#e2e8f0;margin-top:8px;overflow-x:auto;padding:12px}.FaviconGenerator .ResultSection .ResultContent .DownloadArea .UsageGuide .GuideContent pre code[data-v-a2eb2cce]{font-family:Courier New,monospace;font-size:12px}.FaviconGenerator .TipsSection[data-v-a2eb2cce]{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:24px}.FaviconGenerator .TipsSection .TipsList .TipItem[data-v-a2eb2cce]{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px;padding:8px 0}.FaviconGenerator .TipsSection .TipsList .TipItem .tip-icon[data-v-a2eb2cce]{color:#22c55e}@media (max-width:768px){.FaviconGenerator .SizeSection .SizeOptions[data-v-a2eb2cce]{grid-template-columns:1fr}.FaviconGenerator .ResultSection .ResultContent .PreviewArea .PreviewSizes[data-v-a2eb2cce]{justify-content:center}.FaviconGenerator .ResultSection .ResultContent .DownloadArea .DownloadActions[data-v-a2eb2cce]{flex-direction:column}}