.favicon-tool[data-v-8e20894a]{background:radial-gradient(circle at 20% 15%,rgba(244,114,182,.18),transparent 45%),radial-gradient(circle at 80% 5%,rgba(56,189,248,.18),transparent 40%),linear-gradient(180deg,#fdf2f8,#eef2ff);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:64px 24px 96px}.favicon-tool__inner[data-v-8e20894a]{display:flex;flex-direction:column;gap:32px;width:min(1200px,100%)}.favicon-tool .hero[data-v-8e20894a]{text-align:center}.favicon-tool .hero .eyebrow[data-v-8e20894a]{color:#a855f7;font-size:12px;letter-spacing:.32em;margin-bottom:12px;text-transform:uppercase}.favicon-tool .hero h1[data-v-8e20894a]{color:#0f172a;font-size:clamp(32px,4vw,42px);font-weight:700;margin-bottom:10px}.favicon-tool .hero .subtitle[data-v-8e20894a]{color:#475569;font-size:16px}.favicon-tool .workspace[data-v-8e20894a]{display:grid;flex-wrap:wrap;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}@media (max-width:960px){.favicon-tool .workspace[data-v-8e20894a]{grid-template-columns:1fr}}.favicon-tool .workspace__left[data-v-8e20894a],.favicon-tool .workspace__right[data-v-8e20894a]{display:flex;flex-direction:column;gap:20px}.favicon-tool .card[data-v-8e20894a]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;border:1px solid rgba(15,23,42,.08);border-radius:28px;box-shadow:0 30px 60px #0f172a14;padding:24px}.favicon-tool .card-head[data-v-8e20894a]{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.favicon-tool .card-head .label[data-v-8e20894a]{color:#a855f7;font-size:12px;letter-spacing:.28em}.favicon-tool .card-head .hint[data-v-8e20894a]{color:#64748b;font-size:13px}.favicon-tool .dropzone[data-v-8e20894a]{align-items:center;background:linear-gradient(135deg,#c4b5fd59,#f872721a);border:2px dashed rgba(168,85,247,.3);border-radius:24px;display:flex;gap:16px;padding:32px}.favicon-tool .dropzone .drop-icon[data-v-8e20894a]{align-items:center;background:#fffc;border-radius:20px;display:flex;font-size:30px;height:64px;justify-content:center;width:64px}.favicon-tool .dropzone .drop-title[data-v-8e20894a]{color:#0f172a;font-size:18px;font-weight:700}.favicon-tool .dropzone .drop-subtitle[data-v-8e20894a]{color:#475569;font-size:14px}.favicon-tool .upload-actions[data-v-8e20894a]{display:flex;flex-direction:column;gap:8px;margin-top:18px}.favicon-tool .upload-actions .file-tip[data-v-8e20894a]{color:#64748b;font-size:13px}.favicon-tool .controls-card .field-grid[data-v-8e20894a]{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.favicon-tool .controls-card .field[data-v-8e20894a]{color:#475569;display:flex;flex-direction:column;font-size:13px;gap:8px}.favicon-tool .controls-card .field span[data-v-8e20894a]{color:#0f172a;font-weight:600}.favicon-tool .controls-card .field input[data-v-8e20894a],.favicon-tool .controls-card .field select[data-v-8e20894a]{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;font-size:14px;padding:10px 14px}.favicon-tool .controls-card .field input[type=color][data-v-8e20894a]{height:40px;padding:0}.favicon-tool .controls-card .field input[type=range][data-v-8e20894a]{accent-color:#a855f7}.favicon-tool .controls-card .span-2[data-v-8e20894a]{grid-column:span 2}@media (max-width:640px){.favicon-tool .controls-card .span-2[data-v-8e20894a]{grid-column:span 1}}.favicon-tool .preview-card .preview-surface[data-v-8e20894a]{align-items:center;background:repeating-conic-gradient(#f8fafc 0 25%,transparent 0 50%) 50% /20px 20px;border:1px dashed rgba(148,163,184,.6);border-radius:28px;display:flex;justify-content:center;min-height:280px}.favicon-tool .preview-card .preview-surface img[data-v-8e20894a]{max-height:80%;max-width:80%;-o-object-fit:contain;object-fit:contain}.favicon-tool .preview-card .preview-meta[data-v-8e20894a]{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.favicon-tool .preview-card .preview-meta .meta-label[data-v-8e20894a]{color:#94a3b8;font-size:12px;letter-spacing:.2em;text-transform:uppercase}.favicon-tool .preview-card .preview-meta .meta-value[data-v-8e20894a]{color:#0f172a;font-weight:600}@media (max-width:640px){.favicon-tool .preview-card .preview-meta[data-v-8e20894a]{grid-template-columns:repeat(2,minmax(0,1fr))}}.favicon-tool .sizes-card[data-v-8e20894a]{background:#fffffff5;border:1px solid rgba(168,85,247,.12);border-radius:26px;box-shadow:0 20px 45px #0f172a0f;display:flex;flex-direction:column;gap:16px;padding:24px}.favicon-tool .sizes-card .sizes-head[data-v-8e20894a]{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.favicon-tool .sizes-card .sizes-head .label[data-v-8e20894a]{color:#a855f7;font-size:12px;letter-spacing:.24em}.favicon-tool .sizes-card .sizes-head .description[data-v-8e20894a]{color:#475569;font-size:13px}.favicon-tool .sizes-card .sizes-head .add-size[data-v-8e20894a]{display:flex;gap:8px}.favicon-tool .sizes-card .sizes-head .add-size input[data-v-8e20894a]{border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:8px 12px;width:120px}.favicon-tool .sizes-card .size-list[data-v-8e20894a]{display:flex;flex-wrap:wrap;gap:10px}.favicon-tool .sizes-card .size-list .size-pill[data-v-8e20894a]{align-items:center;background:#a855f726;border-radius:999px;color:#6d28d9;display:inline-flex;font-weight:600;gap:6px;padding:6px 14px}.favicon-tool .sizes-card .size-list .size-pill button[data-v-8e20894a]{background:transparent;border:none;color:#7c3aed;cursor:pointer}.favicon-tool .action-card[data-v-8e20894a]{align-items:center;background:#fffffff2;border-radius:28px;box-shadow:0 20px 45px #0f172a0d;display:flex;flex-wrap:wrap;gap:12px;padding:22px}.favicon-tool .primary[data-v-8e20894a]{background:linear-gradient(120deg,#a855f7,#ec4899);border:none;border-radius:999px;box-shadow:0 10px 30px #ec489959;color:#fff;cursor:pointer;font-weight:600;padding:11px 26px}.favicon-tool .primary[data-v-8e20894a]:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.favicon-tool .ghost[data-v-8e20894a]{background:transparent;border:1px solid rgba(15,23,42,.12);border-radius:999px;color:#0f172a;cursor:pointer;font-weight:600;padding:9px 20px}.favicon-tool .ghost[data-v-8e20894a]:disabled{cursor:not-allowed;opacity:.4}.favicon-tool .error[data-v-8e20894a]{color:#ef4444;font-size:14px}