.favicon-controls[data-v-593380c8]{background:linear-gradient(145deg,rgb(var(--surface-panel-1)),rgb(var(--surface-panel-2)));border:1px solid rgb(var(--panel-border));border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.favicon-controls__group[data-v-593380c8]{display:flex;flex-direction:column;gap:.5rem}.favicon-controls__label[data-v-593380c8]{color:rgb(var(--color-text-primary));font-size:.875rem;font-weight:600}.favicon-controls__upload-area[data-v-593380c8]{background:rgb(var(--color-bg-primary));border:2px dashed rgb(var(--color-border));border-radius:.5rem;cursor:pointer;min-height:200px;padding:1.5rem;position:relative;transition:all .2s ease-in-out}.favicon-controls__upload-area--dragging[data-v-593380c8],.favicon-controls__upload-area[data-v-593380c8]:hover{background:rgb(var(--color-bg-secondary));border-color:rgb(var(--color-primary))}.favicon-controls__file-input[data-v-593380c8]{display:none}.favicon-controls__upload-placeholder[data-v-593380c8]{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:160px}.favicon-controls__upload-icon[data-v-593380c8]{color:rgb(var(--color-text-secondary));height:48px;width:48px}.favicon-controls__upload-text[data-v-593380c8]{color:rgb(var(--color-text-primary));font-size:1rem;font-weight:600;margin:0}.favicon-controls__upload-hint[data-v-593380c8]{color:rgb(var(--color-text-secondary));font-size:.875rem;margin:0}.favicon-controls__image-preview[data-v-593380c8]{align-items:center;display:flex;justify-content:center;min-height:160px;position:relative}.favicon-controls__image-preview img[data-v-593380c8]{border-radius:.375rem;max-height:160px;max-width:100%;-o-object-fit:contain;object-fit:contain}.favicon-controls__remove-image[data-v-593380c8]{position:absolute;right:.5rem;top:.5rem}.favicon-controls__color-row[data-v-593380c8]{align-items:center;display:grid;gap:.5rem;grid-template-columns:minmax(56px,64px) minmax(0,1fr) auto}.favicon-controls__color-preview-wrapper[data-v-593380c8]{position:relative;width:100%}.favicon-controls__color-picker[data-v-593380c8]{border:1px solid rgb(var(--color-border));border-radius:.375rem;cursor:pointer;height:40px;transition:border-color .15s ease-in-out;width:100%}.favicon-controls__color-picker[data-v-593380c8]:hover{border-color:rgb(var(--color-border-hover))}.favicon-controls__color-picker_transparent[data-v-593380c8]{opacity:.3}.favicon-controls__transparent-indicator[data-v-593380c8]{background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1px solid rgb(var(--color-border));border-radius:.375rem;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.favicon-controls__color-input[data-v-593380c8]{width:100%}.favicon-controls__range[data-v-593380c8]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgb(var(--color-bg-tertiary));border-radius:9999px;height:8px;outline:none;width:100%}.favicon-controls__range[data-v-593380c8]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:rgb(var(--color-primary));border-radius:50%;cursor:pointer;height:20px;-webkit-transition:transform .2s ease-in-out;transition:transform .2s ease-in-out;width:20px}.favicon-controls__range[data-v-593380c8]::-webkit-slider-thumb:hover{transform:scale(1.2)}.favicon-controls__range[data-v-593380c8]::-moz-range-thumb{background:rgb(var(--color-primary));border:none;border-radius:50%;cursor:pointer;height:20px;-moz-transition:transform .2s ease-in-out;transition:transform .2s ease-in-out;width:20px}.favicon-controls__range[data-v-593380c8]::-moz-range-thumb:hover{transform:scale(1.2)}.favicon-preview[data-v-b984ed27]{background:linear-gradient(145deg,rgb(var(--surface-panel-1)),rgb(var(--surface-panel-2)));border:1px solid rgb(var(--panel-border));border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.favicon-preview__title[data-v-b984ed27]{color:rgb(var(--color-text-primary));font-size:1.125rem;font-weight:700;margin:0}.favicon-preview__placeholder[data-v-b984ed27]{align-items:center;background:rgb(var(--color-bg-primary));border:2px dashed rgb(var(--color-border));border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px;padding:2rem}.favicon-preview__placeholder-icon[data-v-b984ed27]{color:rgb(var(--color-text-secondary));height:64px;width:64px}.favicon-preview__placeholder-text[data-v-b984ed27]{color:rgb(var(--color-text-secondary));font-size:1rem;margin:0}.favicon-preview__grid[data-v-b984ed27]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.favicon-preview__item[data-v-b984ed27]{background:rgb(var(--color-bg-primary));border:1px solid rgb(var(--color-border));border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s ease-in-out}.favicon-preview__item[data-v-b984ed27]:hover{border-color:rgb(var(--color-primary));box-shadow:0 8px 16px rgba(var(--color-text-primary),.1);transform:translateY(-2px)}.favicon-preview__item-header[data-v-b984ed27]{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.favicon-preview__item-title[data-v-b984ed27]{color:rgb(var(--color-text-primary));font-size:.875rem;font-weight:600;margin:0}.favicon-preview__item-size[data-v-b984ed27]{color:rgb(var(--color-text-secondary));font-size:.75rem;white-space:nowrap}.favicon-preview__item-preview[data-v-b984ed27]{align-items:center;border:1px solid rgb(var(--color-border));border-radius:.375rem;box-shadow:0 1px 2px #0000000d;display:flex;justify-content:center;margin:.5rem auto;padding:.5rem;transition:background-color .16s ease,border-radius .18s ease}.favicon-preview__item-frame[data-v-b984ed27]{background:var(--live-preview-bg,repeating-conic-gradient(#f0f0f0 0 25%,#fff 0 50%) 50%/20px 20px);border-radius:.375rem;display:grid;height:100%;overflow:hidden;place-items:center;position:relative;transition:padding .14s ease,border-radius .18s ease,background-color .14s ease;width:100%}.favicon-preview__item-image[data-v-b984ed27]{backface-visibility:hidden;height:100%;image-rendering:auto;image-rendering:-webkit-optimize-contrast;-o-object-fit:contain;object-fit:contain;transform:translateZ(0);transition:border-radius .18s ease;width:100%;-webkit-font-smoothing:subpixel-antialiased}.favicon-preview__item-purpose[data-v-b984ed27]{color:rgb(var(--color-text-secondary));font-size:.75rem;margin:0;text-align:center}.favicon-export[data-v-91ed09f7]{display:flex;flex-direction:column;gap:1.5rem}.favicon-export__title[data-v-91ed09f7]{color:rgb(var(--color-text-primary));font-size:1.125rem;font-weight:600}.favicon-export__panel[data-v-91ed09f7]{background:linear-gradient(160deg,rgb(var(--surface-panel-1)),rgb(var(--surface-panel-2)));border:1px solid rgb(var(--panel-border));border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}@media(max-width:768px){.favicon-export__panel[data-v-91ed09f7]{padding:1rem}}.favicon-export__toolbar[data-v-91ed09f7]{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.favicon-export__actions[data-v-91ed09f7]{align-items:center;display:inline-flex;gap:.5rem}@media(max-width:768px){.favicon-export__actions[data-v-91ed09f7]{display:grid;grid-template-columns:repeat(2,1fr);width:100%}}.favicon-export__code[data-v-91ed09f7]{background:var(--code-surface);border:1px solid rgba(var(--color-border),.4);border-radius:.5rem;box-shadow:inset 0 1px rgba(var(--color-text-primary),.05);overflow:hidden;padding:2.5rem 1.5rem 1rem;position:relative}.favicon-export__content[data-v-91ed09f7]{color:rgb(var(--code-text));font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem;margin:0;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;padding-right:1rem;scrollbar-gutter:stable;white-space:pre;word-break:normal}.favicon-export__window-controls[data-v-91ed09f7]{display:flex;gap:8px;left:1rem;position:absolute;top:1rem}.favicon-export__window-controls span[data-v-91ed09f7]{background:#ef4444;border-radius:50%;height:12px;width:12px}.favicon-export__window-controls span[data-v-91ed09f7]:nth-child(2){background:#f59e0b}.favicon-export__window-controls span[data-v-91ed09f7]:nth-child(3){background:#10b981}.favicon-export__copy-button[data-v-91ed09f7],.favicon-export__download-button[data-v-91ed09f7]{white-space:nowrap}.favicon-presets[data-v-c8a7bd07]{display:flex;flex-direction:column;gap:2rem}.favicon-presets__header[data-v-c8a7bd07]{display:flex;flex-direction:column;gap:.5rem;text-align:center}.favicon-presets__tag[data-v-c8a7bd07]{color:rgb(var(--color-primary));font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.favicon-presets__title[data-v-c8a7bd07]{color:rgb(var(--color-text-primary));font-size:1.5rem;font-weight:700;margin:0}.favicon-presets__subtitle[data-v-c8a7bd07]{color:rgb(var(--color-text-secondary));font-size:1rem;margin:0 auto;max-width:600px}.favicon-presets__grid[data-v-c8a7bd07]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.favicon-presets__item[data-v-c8a7bd07]{background:linear-gradient(145deg,rgb(var(--surface-panel-1)),rgb(var(--surface-panel-2)));border:1px solid rgb(var(--panel-border));border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1rem;transition:all .2s ease-in-out}.favicon-presets__item[data-v-c8a7bd07]:hover{border-color:rgb(var(--color-primary));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.favicon-presets__item[data-v-c8a7bd07]:active{transform:translateY(-2px)}.favicon-presets__preview[data-v-c8a7bd07]{aspect-ratio:1;border-radius:.5rem;overflow:hidden;position:relative}.favicon-presets__icon[data-v-c8a7bd07],.favicon-presets__preview[data-v-c8a7bd07]{align-items:center;display:flex;justify-content:center}.favicon-presets__icon[data-v-c8a7bd07]{height:70%;width:70%}.favicon-presets__icon svg[data-v-c8a7bd07]{height:100%;width:100%}.favicon-presets__info[data-v-c8a7bd07]{display:flex;flex-direction:column;gap:.5rem}.favicon-presets__name[data-v-c8a7bd07]{color:rgb(var(--color-text-primary));font-size:.875rem;font-weight:600;margin:0}.favicon-presets__author[data-v-c8a7bd07]{align-items:center;color:rgb(var(--color-text-tertiary));display:flex;font-size:.75rem;gap:.25rem;padding:.25rem 0}.favicon-presets__avatar[data-v-c8a7bd07]{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:600;height:20px;justify-content:center;width:20px}.favicon-presets__author-name[data-v-c8a7bd07]{color:rgb(var(--color-text-tertiary));font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favicon-presets__actions[data-v-c8a7bd07]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.favicon-generation-process[data-v-84cccdaa]{align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr;position:relative}@media(min-width:1024px){.favicon-generation-process[data-v-84cccdaa]{gap:2rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.favicon-generation-process__export[data-v-84cccdaa]{display:flex;flex-direction:column;grid-column:1/-1;min-width:0;order:1}.favicon-generation-process__preview[data-v-84cccdaa]{min-width:0;order:2}.favicon-generation-process__controls[data-v-84cccdaa]{display:flex;flex-direction:column;gap:1.5rem;min-width:0;order:3}.favicon-generation-process__presets[data-v-84cccdaa]{grid-column:1/-1;min-width:0;order:4}.favicon-generation-process__save-preview[data-v-84cccdaa]{align-items:center;background:var(--color-surface);border-radius:.375rem;display:flex;justify-content:center;margin-bottom:1rem;min-height:120px;padding:1.5rem}.favicon-generation-process__save-thumbnail[data-v-84cccdaa]{height:64px;-o-object-fit:contain;object-fit:contain;width:64px}.favicon-page[data-v-955025d5]{background:radial-gradient(140% 140% at 18% 15%,rgba(var(--color-primary),.32),transparent 55%),radial-gradient(140% 130% at 82% 20%,rgba(var(--color-secondary),.25),transparent 58%),radial-gradient(100% 100% at 50% 100%,rgba(var(--color-accent),.18),transparent 70%),linear-gradient(180deg,rgb(var(--color-bg-secondary)),rgb(var(--color-bg-primary)));color:rgb(var(--color-text-primary));min-height:calc(var(--app-vh, 1vh)*100);overflow:hidden;padding:120px 0 4rem;position:relative}.favicon-page[data-v-955025d5]:before{animation:nebulaDrift-955025d5 65s ease-in-out infinite alternate;background:radial-gradient(45% 50% at 20% 35%,rgba(var(--color-primary),.38),transparent 65%),radial-gradient(38% 42% at 75% 25%,rgba(var(--color-secondary),.32),transparent 68%),radial-gradient(48% 55% at 80% 75%,rgba(var(--color-accent),.28),transparent 65%),radial-gradient(50% 50% at 15% 85%,rgba(var(--color-primary),.24),transparent 68%);background-repeat:no-repeat;background-size:130% 130%;inset:-30%;opacity:.7;z-index:-2}.favicon-page[data-v-955025d5]:after,.favicon-page[data-v-955025d5]:before{backface-visibility:hidden;contain:strict;content:"";position:absolute;transform:translateZ(0);will-change:transform}.favicon-page[data-v-955025d5]:after{animation:gridPulse-955025d5 60s ease-in-out infinite alternate;background-image:radial-gradient(55% 55% at 20% 18%,rgba(var(--color-text-primary),.1),transparent 38%),radial-gradient(55% 55% at 80% 32%,rgba(var(--color-text-primary),.06),transparent 40%),repeating-linear-gradient(90deg,rgba(var(--color-text-primary),.05) 0 1px,transparent 1px 110px),repeating-linear-gradient(0deg,rgba(var(--color-text-primary),.05) 0 1px,transparent 1px 110px);background-size:100% 100%,100% 100%,180px 180px,180px 180px;inset:-8%;-webkit-mask-image:radial-gradient(120% 120% at 50% 48%,rgba(0,0,0,.92),transparent 94%);mask-image:radial-gradient(120% 120% at 50% 48%,rgba(0,0,0,.92),transparent 94%);mix-blend-mode:overlay;opacity:.45;pointer-events:none;z-index:-1}.favicon-page__header[data-v-955025d5]{align-items:flex-start;background:linear-gradient(135deg,rgba(var(--color-text-primary),.08),rgba(var(--color-text-primary),.03));border:1px solid rgba(var(--panel-border),.12);border-radius:1rem;box-shadow:0 25px 70px #0006,0 12px 30px rgba(var(--color-primary),.18);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:3rem;overflow:hidden;padding:1.5rem;position:relative}.favicon-page__header[data-v-955025d5]:after{background:radial-gradient(50% 50% at 80% 30%,rgba(var(--color-accent),.15),transparent 60%);background-repeat:no-repeat;background-size:140% 140%;content:"";inset:-40%;opacity:.6;pointer-events:none;position:absolute}.favicon-page__title[data-v-955025d5]{color:rgb(var(--color-text-primary));font-size:1.875rem;font-weight:700;margin-bottom:.25rem}@media(min-width:768px){.favicon-page__title[data-v-955025d5]{font-size:2.25rem}}.favicon-page__subtitle[data-v-955025d5]{color:rgba(var(--color-text-secondary),.9);font-size:1rem;line-height:1.6;max-width:640px}@media(min-width:768px){.favicon-page__subtitle[data-v-955025d5]{font-size:1.125rem}}.favicon-page__back-link[data-v-955025d5]{background:rgba(var(--color-bg-primary),.06);border:1px solid rgba(var(--color-border),.6);border-radius:9999px;box-shadow:inset 0 1px rgba(var(--color-border),.25);color:rgb(var(--color-text-primary));font-weight:500;padding:.5rem 1rem;transition:border-color .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out;white-space:nowrap}.favicon-page__back-link[data-v-955025d5]:hover{backface-visibility:hidden;border-color:rgba(var(--color-text-primary),.22);box-shadow:0 8px 24px rgba(var(--color-primary),.25);transform:translate3d(0,-1px,0)}.favicon-page__motion[data-v-955025d5]{animation:orbitSweep-955025d5 85s linear infinite;background:conic-gradient(from 135deg at 42% 38%,rgba(var(--color-primary),.35),rgba(var(--color-secondary),.18),rgba(var(--color-accent),.25),rgba(var(--color-primary),.35));background-size:150% 150%;contain:strict;inset:-35% -45%;-webkit-mask-image:radial-gradient(72% 72% at 50% 48%,rgba(0,0,0,.95),transparent 92%);mask-image:radial-gradient(72% 72% at 50% 48%,rgba(0,0,0,.95),transparent 92%);mix-blend-mode:screen;opacity:.55;pointer-events:none;transform:translateZ(0);z-index:-2}.favicon-page__motion[data-v-955025d5],.favicon-page__motion[data-v-955025d5]:before{backface-visibility:hidden;position:absolute;will-change:transform}.favicon-page__motion[data-v-955025d5]:before{animation:floatingOrb1-955025d5 30s ease-in-out infinite alternate;background:radial-gradient(circle,rgba(var(--color-primary),.42),transparent 70%);border-radius:50%;contain:layout paint;content:"";height:400px;left:10%;top:15%;width:400px}.favicon-page__motion[data-v-955025d5]:after{animation:floatingOrb2-955025d5 35s ease-in-out infinite alternate-reverse;backface-visibility:hidden;background:radial-gradient(circle,rgba(var(--color-accent),.38),transparent 70%);border-radius:50%;bottom:20%;contain:layout paint;content:"";height:350px;position:absolute;right:15%;width:350px;will-change:transform}@keyframes nebulaDrift-955025d5{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-4%,4%,0) scale(1.03)}}@keyframes gridPulse-955025d5{0%,to{transform:translateZ(0)}50%{transform:translate3d(2%,-2%,0)}}@keyframes orbitSweep-955025d5{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes floatingOrb1-955025d5{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(50px,-60px,0) scale(1.08)}}@keyframes floatingOrb2-955025d5{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-60px,50px,0) scale(1.06)}}@media(max-width:768px){.favicon-page[data-v-955025d5]{padding:120px 0 3rem}.favicon-page__header[data-v-955025d5]{gap:1rem;margin-bottom:2rem;padding:1rem}.favicon-page__title[data-v-955025d5]{font-size:1.5rem}.favicon-page__subtitle[data-v-955025d5]{font-size:.875rem}.favicon-page__motion[data-v-955025d5]:before{height:300px;width:300px}.favicon-page__motion[data-v-955025d5]:after{height:250px;width:250px}}@media(max-width:480px){.favicon-page[data-v-955025d5]{padding:120px 0 2rem}.favicon-page__header[data-v-955025d5]{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.favicon-page__title[data-v-955025d5]{font-size:1.25rem}.favicon-page__subtitle[data-v-955025d5]{font-size:.75rem}.favicon-page__back-link[data-v-955025d5]{font-size:.875rem;padding:.25rem .5rem;text-align:center;width:100%}.favicon-page__motion[data-v-955025d5]:before{height:200px;width:200px}.favicon-page__motion[data-v-955025d5]:after{height:180px;width:180px}}@media(prefers-reduced-motion:reduce){.favicon-page[data-v-955025d5]:after,.favicon-page[data-v-955025d5]:before,.favicon-page__motion[data-v-955025d5],.favicon-page__motion[data-v-955025d5]:after,.favicon-page__motion[data-v-955025d5]:before{animation:none!important}}