.favicon-generator{width:100%;max-width:100%;padding:var(--space-4) 0;color:var(--pixel-text-primary);font-family:inherit;box-sizing:border-box}.fg-layout{display:grid;grid-template-columns:23.75rem 1fr;gap:var(--space-6);align-items:start;max-width:100%}@media(max-width:56.25rem){.fg-layout{grid-template-columns:1fr}.fg-preview-section{order:-1}}.fg-controls-section{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.fg-section{background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);overflow:visible}.fg-section+.fg-section{margin-top:var(--space-1)}.fg-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);background:var(--pixel-bg-tertiary);border-bottom:1px solid var(--pixel-border);cursor:pointer;user-select:none;transition:var(--transition-base)}.fg-section-header:hover{background:var(--pixel-bg-hover)}.fg-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.fg-section-title i{color:var(--brand-color);font-size:var(--text-sm);padding-inline-start:var(--space-1)}.fg-section-toggle{color:var(--pixel-text-secondary);font-size:var(--text-xs);transition:transform var(--transition-base)}.fg-section-toggle.expanded{transform:rotate(180deg)}[dir=rtl] .fg-section-toggle.expanded{transform:rotate(-180deg)}.fg-section-content{padding:var(--space-4);max-width:100%;overflow:hidden}.fg-section-content.collapsed{display:none}.fg-tabs{display:flex;background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);padding:var(--space-1);gap:var(--space-1);height:auto}.fg-tab{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) .5rem;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;overflow:hidden}.fg-tab span{overflow:hidden;text-overflow:ellipsis}.fg-tab:hover:not(.active):not(:disabled){background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.fg-tab.active{background:var(--brand-color);color:#fff;cursor:default}.fg-tab:disabled{opacity:.4;cursor:not-allowed}.fg-tab i{font-size:var(--text-sm)}.fg-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding:0 .25rem;background:#fff3;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold)}.fg-tab.active .fg-tab-badge{background:#ffffff4d}.fg-tab:not(.active) .fg-tab-badge{background:var(--brand-color);color:#fff}.fg-tab-content{display:flex;flex-direction:column;gap:var(--space-1)}.fg-input-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4)}.fg-input-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.fg-input-tab:hover:not(.active){background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.fg-input-tab.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color);color:var(--brand-color)}.fg-input-tab i{font-size:var(--text-base)}.fg-input-content{min-height:10rem;max-width:100%;overflow:hidden}.fg-preview-section{position:sticky;top:6.25rem;display:flex;flex-direction:column;gap:var(--space-4)}.fg-preview-wrapper{padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.fg-export-actions{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);padding-top:0}.fg-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.fg-btn:disabled{opacity:.5;cursor:not-allowed}.fg-btn-primary{flex:1;background:var(--brand-color);color:#fff}.fg-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.fg-btn-secondary{flex:1;background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.fg-btn-secondary:hover:not(:disabled){background:var(--pixel-bg-hover)}.fg-btn i{font-size:var(--text-sm)}.fg-btn-danger{background:transparent;border:1px solid var(--pixel-border);color:var(--color-error);white-space:nowrap}.fg-btn-danger:hover:not(:disabled){background:#ef444426;border-color:var(--color-error);color:var(--color-error)}.fg-btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);color:var(--pixel-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.fg-btn-icon:hover:not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.fg-btn-icon:disabled{opacity:.4;cursor:not-allowed}.fg-btn-success-flash{background:var(--color-success)!important;color:#fff!important;animation:color-success-pulse .3s ease}@keyframes color-success-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fg-form-group{display:flex;flex-direction:column;gap:var(--space-1);max-width:100%}.fg-form-group+.fg-form-group{margin-top:var(--space-2)}.fg-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.fg-label i{font-size:var(--text-xs);color:var(--pixel-text-muted)}.fg-input{width:100%;max-width:100%;padding:var(--space-2) var(--space-4);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-sm);transition:border-color var(--transition-base);box-sizing:border-box}.fg-input:focus{outline:none;border-color:var(--pixel-border-focus)}.fg-input::placeholder{color:var(--pixel-text-muted)}.fg-input-row{display:flex;gap:var(--space-2);align-items:center}.fg-input-row .fg-input{flex:1}.fg-select{width:100%;padding:var(--space-2) var(--space-4);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-base)}.fg-select:focus{outline:none;border-color:var(--pixel-border-focus)}.fg-slider-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.fg-slider-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2);background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg)}.fg-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:#1e293b;border:1px solid var(--pixel-border);border-radius:8px;cursor:pointer}.fg-slider::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-sm)}.fg-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--brand-color);border:2px solid white;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 2px 4px #0003;margin-top:-5px;transition:transform var(--transition-base)}.fg-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.fg-slider::-moz-range-track{height:6px;background:var(--pixel-border);border-radius:var(--radius-sm)}.fg-slider::-moz-range-progress{height:6px;background:var(--brand-color);border-radius:var(--radius-sm)}.fg-slider::-moz-range-thumb{width:16px;height:16px;background:var(--brand-color);border:2px solid white;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 2px 4px #0003}.fg-slider-value{min-width:3rem;text-align:end;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary)}.fg-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.fg-checkbox input{display:none}.fg-checkbox-indicator{width:1rem;height:1rem;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.fg-checkbox input:checked+.fg-checkbox-indicator{background:var(--brand-color);border-color:var(--brand-color)}.fg-checkbox input:checked+.fg-checkbox-indicator:after{content:"";width:.375rem;height:.25rem;border:2px solid white;border-top:none;border-inline-end:none;transform:rotate(-45deg);margin-top:-.125rem}.fg-checkbox-label{font-size:var(--text-sm);color:var(--pixel-text-secondary)}.fg-color-row{display:flex;gap:var(--space-4);align-items:center;max-width:100%}.fg-color-input{width:var(--space-10);height:var(--space-10);padding:var(--space-1);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer}.fg-color-input::-webkit-color-swatch-wrapper{padding:0}.fg-color-input::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.fg-color-presets{display:flex;gap:var(--space-1);flex-wrap:wrap;flex:1;min-width:0}.fg-color-preset{width:var(--space-8);height:var(--space-8);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.fg-color-preset:hover{transform:scale(1.1);border-color:var(--pixel-border)}.fg-color-preset.active{border-color:var(--brand-color);box-shadow:0 0 0 2px rgba(var(--brand-color-rgb),.3)}.fg-color-preset[style*="#ffffff"],.fg-color-preset[style*="#f1f5f9"],.fg-color-preset[style*=white]{border-color:var(--pixel-border)}.fg-hint{font-size:var(--text-xs);color:var(--pixel-text-muted);line-height:var(--leading-snug)}@media(max-width:37.5rem){.fg-tabs{height:auto;flex-wrap:wrap}.fg-tab{flex:1 1 calc(33.333% - var(--space-1));padding:.375rem .25rem;gap:.25rem;min-width:0}.fg-tab span,.fg-tab i{font-size:var(--text-xs)}.fg-export-actions,.fg-input-row{flex-direction:column}.fg-input-row .fg-input{width:100%}.fg-input-tabs{flex-wrap:wrap}.fg-input-tab{flex:1 1 calc(50% - var(--space-1))}.fg-preview-section{max-width:100%;overflow:hidden}.fg-preview-wrapper{overflow:hidden}}[data-theme=light] .fg-section{background:var(--pixel-bg-secondary);border-color:var(--pixel-border)}[data-theme=light] .fg-section-header{background:var(--pixel-bg-secondary);border-bottom:1px solid var(--pixel-border)}[data-theme=light] .fg-section-header:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .fg-tabs{background:var(--pixel-bg-secondary);border-color:var(--pixel-border)}[data-theme=light] .fg-tab{color:var(--pixel-text-secondary)}[data-theme=light] .fg-tab:hover:not(.active):not(:disabled){background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}[data-theme=light] .fg-tab.active{color:#fff}[data-theme=light] .fg-input-tab{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .fg-input-tab:hover:not(.active){background:var(--pixel-bg-tertiary)}[data-theme=light] .fg-input{background:var(--pixel-bg-primary);border-color:var(--pixel-border);color:var(--pixel-text-primary)}[data-theme=light] .fg-input::placeholder{color:var(--pixel-text-muted)}[data-theme=light] .fg-select{background:var(--pixel-bg-primary);border-color:var(--pixel-border);color:var(--pixel-text-primary)}[data-theme=light] .fg-slider{background:#cbd5e1}[data-theme=light] .fg-btn-secondary{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}[data-theme=light] .fg-btn-secondary:hover:not(:disabled){background:var(--pixel-bg-hover)}[data-theme=light] .fg-btn-icon{background:var(--pixel-bg-tertiary);border-color:var(--pixel-border)}[data-theme=light] .fg-btn-icon:hover:not(:disabled){background:var(--pixel-bg-hover)}[data-theme=light] .fg-btn-danger{border-color:var(--pixel-border);color:var(--color-error)}[data-theme=light] .fg-btn-danger:hover:not(:disabled){background:#ef444414}[data-theme=light] .fg-checkbox-indicator,[data-theme=light] .fg-color-input{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .fg-color-preset{border-color:var(--pixel-border)}[data-theme=light] .fg-dropzone{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.03),rgba(var(--brand-color-rgb),.01));border-color:var(--pixel-border)}[data-theme=light] .fg-dropzone:hover{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.05),rgba(var(--brand-color-rgb),.02))}[data-theme=light] .fg-dropzone.dragging{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.08),rgba(var(--brand-color-rgb),.04))}[data-theme=light] .fg-dropzone-paste,[data-theme=light] .fg-preview-contexts{background:var(--pixel-bg-tertiary)}[data-theme=light] .fg-preview-context:hover{background:var(--pixel-bg-hover)}[data-theme=light] .fg-preview-container.bg-checkered{background-color:#f1f5f9;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%)}[data-theme=light] .fg-size-item{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .fg-size-item:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .fg-platform-header:hover,[data-theme=light] .fg-code-tabs{background:var(--pixel-bg-tertiary)}[data-theme=light] .fg-code-block code{color:var(--pixel-text-primary)}[data-theme=light] .fg-checker-item-btn{background:var(--pixel-bg-secondary);border-color:var(--pixel-border)}[data-theme=light] .fg-checker-item-btn:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .fg-checker-item-btn.primary{background:rgba(var(--brand-color-rgb),.1)}[data-theme=light] .fg-checker-item-btn.primary:hover{background:rgba(var(--brand-color-rgb),.2)}[data-theme=light] .fg-history-delete{background:var(--pixel-bg-secondary);border-color:var(--pixel-border)}[data-theme=light] .fg-slider-row,[data-theme=light] .fg-solid-controls,[data-theme=light] .fg-gradient-controls{background:var(--pixel-bg-secondary)}.fg-dropzone{position:relative;width:100%;min-height:12rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background:transparent;border:2px dashed var(--pixel-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);box-sizing:border-box;max-width:100%;pointer-events:auto;z-index:1}.fg-dropzone:hover{background:rgba(var(--brand-color-rgb),.03);border-color:var(--brand-color)}.fg-dropzone.dragging{background:rgba(var(--brand-color-rgb),.06);border-color:var(--brand-color);border-style:solid}.fg-dropzone.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.fg-dropzone-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.fg-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;pointer-events:none}.fg-dropzone-icon{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:rgba(var(--brand-color-rgb),.1);border-radius:var(--radius-full);transition:all var(--transition-base)}.fg-dropzone-icon i{font-size:var(--text-2xl);color:var(--brand-color);transition:transform var(--transition-base)}.fg-dropzone.dragging .fg-dropzone-icon{background:rgba(var(--brand-color-rgb),.2);transform:scale(1.1)}.fg-dropzone.dragging .fg-dropzone-icon i{transform:translateY(-2px)}.fg-dropzone-text{display:flex;flex-direction:column;gap:var(--space-1)}.fg-dropzone-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.fg-dropzone-hint{font-size:var(--text-xs);color:var(--pixel-text-muted)}.fg-dropzone-paste{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--pixel-text-secondary);pointer-events:none}.fg-dropzone-paste i{font-size:var(--text-xs)}.fg-dropzone-error{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-error);pointer-events:none}@media(max-width:37.5rem){.fg-dropzone-icon{width:3rem;height:3rem}.fg-dropzone-icon i{font-size:var(--text-xl)}.fg-dropzone-title{font-size:var(--text-sm)}}.fg-preview{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.fg-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:16rem;color:var(--pixel-text-muted)}.fg-preview-empty i{font-size:var(--text-5xl);opacity:.5}.fg-preview-empty span{font-size:var(--text-sm)}.fg-preview-contexts{display:flex;gap:var(--space-1);justify-content:center;padding:var(--space-1);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);overflow:visible}.fg-preview-context{position:relative;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.fg-preview-context:hover{background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.fg-preview-context.active{background:var(--brand-color);color:#fff}.fg-preview-divider{width:1px;height:1.5rem;background:var(--pixel-border);margin:0 var(--space-1);align-self:center}.fg-preview-mockup{display:flex;justify-content:center;padding:var(--space-6);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-xl);min-height:16rem;overflow:visible}.fg-preview-info{display:flex;justify-content:center;gap:var(--space-6);padding:var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg)}.fg-preview-info-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--pixel-text-secondary)}.fg-preview-info-item i{color:var(--pixel-text-muted);font-size:var(--text-xs)}.fg-browser-preview{width:100%;max-width:20rem;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 24px #0003}.fg-browser-preview.dark{background:#1e1e1e}.fg-browser-preview.light{background:#fff}.fg-browser-chrome{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:inherit}.fg-browser-preview.dark .fg-browser-chrome{background:#2d2d2d}.fg-browser-preview.light .fg-browser-chrome{background:#f1f3f4}.fg-browser-controls{display:flex;gap:var(--space-2)}.fg-browser-dot{width:.625rem;height:.625rem;border-radius:var(--radius-full)}.fg-browser-dot.close{background:#ff5f57}.fg-browser-dot.minimize{background:#febc2e}.fg-browser-dot.maximize{background:#28c840}.fg-browser-tabs{display:flex;gap:.25rem;flex:1}.fg-browser-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);border-radius:.375rem .375rem 0 0;font-size:var(--text-xs);max-width:8rem}.fg-browser-tab.active{background:var(--pixel-bg-primary)}.fg-browser-preview.dark .fg-browser-tab.active{background:#1e1e1e;color:#fff}.fg-browser-preview.light .fg-browser-tab.active{background:#fff;color:#1e293b}.fg-browser-tab.inactive{opacity:.5;color:var(--pixel-text-muted)}.fg-browser-favicon{width:1rem;height:1rem;border-radius:.125rem}.fg-browser-tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fg-browser-tab-close{font-size:.5rem;opacity:.5}.fg-browser-address{display:flex;align-items:center;gap:var(--space-2);padding:.375rem .75rem;font-size:var(--text-xs)}.fg-browser-preview.dark .fg-browser-address{background:#1e1e1e;color:#94a3b8}.fg-browser-preview.light .fg-browser-address{background:#fff;color:#64748b}.fg-browser-address i{font-size:var(--text-xs);color:#10b981}.fg-browser-content{height:6rem;padding:var(--space-4)}.fg-browser-placeholder{width:100%;height:100%;background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm);opacity:.3}.fg-ios-preview{position:relative;width:10rem;border-radius:var(--radius-3xl);overflow:hidden;box-shadow:0 4px 24px #0003}.fg-ios-preview.dark{background:#000}.fg-ios-preview.light{background:linear-gradient(180deg,#c9b1ff,#e8d5ff)}.fg-ios-status-bar{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff}.fg-ios-preview.light .fg-ios-status-bar,.fg-ios-preview.light .fg-ios-label{color:#1e293b}.fg-ios-notch{width:4rem;height:1.25rem;background:#000;border-radius:0 0 1rem 1rem;position:absolute;top:0;left:50%;transform:translate(-50%)}.fg-ios-status-icons{display:flex;gap:.25rem;font-size:.5rem}.fg-ios-home{padding:1rem .5rem}.fg-ios-app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-1);justify-items:center}.fg-ios-app{display:flex;flex-direction:column;align-items:center;gap:.25rem}.fg-ios-icon{width:4rem;height:4rem;border-radius:var(--radius-xl);box-shadow:0 2px 8px #00000026;object-fit:contain}.fg-ios-icon-placeholder{width:4rem;height:4rem;border-radius:var(--radius-xl);background:#fff3}.fg-ios-label{font-size:.5rem;color:#fff;text-align:center}.fg-ios-dock{display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-2);margin:var(--space-2);background:#fff3;border-radius:var(--radius-2xl)}.fg-ios-dock-icon{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-lg);background:#ffffff4d}.fg-android-preview{width:10rem;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 4px 24px #0003}.fg-android-preview.dark{background:#121212}.fg-android-preview.light{background:linear-gradient(180deg,#87ceeb,#b0e0e6)}.fg-android-status-bar{display:flex;justify-content:space-between;align-items:center;padding:.375rem .75rem;font-size:var(--text-xs);color:#fff}.fg-android-preview.light .fg-android-status-bar,.fg-android-preview.light .fg-android-label{color:#1e293b}.fg-android-status-icons{display:flex;gap:var(--space-2);font-size:.5rem}.fg-android-home{padding:var(--space-3)}.fg-android-widget{height:3rem;margin-bottom:var(--space-3);background:#ffffff26;border-radius:var(--radius-xl)}.fg-android-app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-1);justify-items:center}.fg-android-app{display:flex;flex-direction:column;align-items:center;gap:.25rem}.fg-android-icon{width:3.75rem;height:3.75rem;border-radius:var(--radius-full);box-shadow:0 2px 8px #00000026;object-fit:contain}.fg-android-icon-placeholder{width:3.75rem;height:3.75rem;border-radius:var(--radius-full);background:#fff3}.fg-android-label{font-size:.4375rem;color:#fff;text-align:center}.fg-android-nav{display:flex;justify-content:center;gap:var(--space-8);padding:var(--space-2);font-size:var(--text-xs);color:#fff;opacity:.5}.fg-windows-preview{width:14rem;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 24px #0003}.fg-windows-preview.dark{background:#202020}.fg-windows-preview.light{background:#f3f3f3}.fg-windows-taskbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2)}.fg-windows-preview.dark .fg-windows-taskbar{background:#1a1a1a;color:#fff}.fg-windows-preview.light .fg-windows-taskbar{background:#e1e1e1;color:#1e293b}.fg-windows-taskbar>i{font-size:var(--text-base)}.fg-windows-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:#80808033;border-radius:var(--radius-sm);font-size:.5rem;flex:1}.fg-windows-search i{font-size:.5rem}.fg-windows-taskbar-icons{display:flex;gap:.25rem}.fg-windows-pinned{width:1.25rem;height:1.25rem;border-radius:.125rem}.fg-windows-taskbar-icon{width:1.25rem;height:1.25rem;background:#8080804d;border-radius:.125rem}.fg-windows-start{padding:var(--space-3);min-height:8rem}.fg-windows-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.fg-windows-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:var(--space-2);border-radius:var(--radius-sm);font-size:.5rem}.fg-windows-preview.dark .fg-windows-tile{background:#2d2d2d;color:#fff}.fg-windows-preview.light .fg-windows-tile{background:#fff;color:#1e293b}.fg-windows-tile.large{grid-column:span 2;grid-row:span 2}.fg-windows-tile.medium{grid-column:span 2}.fg-windows-tile.placeholder{opacity:.3}.fg-windows-tile-icon{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-sm)}[data-theme=light] .fg-preview-contexts{background:var(--pixel-bg-tertiary)}[data-theme=light] .fg-preview-mockup{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .fg-preview-info{background:var(--pixel-bg-tertiary)}.fg-favicon-only-preview{width:100%;display:flex;justify-content:center;align-items:center;padding:var(--space-4)}.fg-favicon-showcase{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-2)}.fg-favicon-size-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.fg-favicon-size-preview img{border-radius:var(--radius-md);background:linear-gradient(45deg,var(--pixel-bg-tertiary) 25%,transparent 25%),linear-gradient(-45deg,var(--pixel-bg-tertiary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--pixel-bg-tertiary) 75%),linear-gradient(-45deg,transparent 75%,var(--pixel-bg-tertiary) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:var(--pixel-bg-secondary);object-fit:contain}.fg-favicon-size-preview span{font-size:var(--text-xs);color:var(--pixel-text-muted);font-weight:var(--font-medium)}.fg-favicon-size-preview.large img{width:8rem;height:8rem}.fg-favicon-size-preview.medium img{width:4rem;height:4rem}.fg-favicon-size-preview.small img{width:var(--space-8);height:var(--space-8)}.fg-favicon-size-preview.tiny img{width:1rem;height:1rem}.fg-favicon-only-preview.light .fg-favicon-size-preview img{background-color:#f1f5f9;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%)}@media(max-width:37.5rem){.fg-preview-contexts{gap:2px;padding:var(--space-1);flex-wrap:wrap;justify-content:center}.fg-preview-context{width:var(--space-8);height:var(--space-8);font-size:var(--text-xs)}.fg-preview-divider{display:none}.fg-preview-mockup{padding:var(--space-2);min-height:12rem}.fg-browser-preview{max-width:100%;transform:scale(.9);transform-origin:center center}.fg-favicon-showcase{flex-wrap:wrap;gap:var(--space-4)}.fg-favicon-size-preview.large img{width:5rem;height:5rem}.fg-favicon-size-preview.medium img{width:3rem;height:3rem}.fg-ios-preview,.fg-android-preview{max-width:100%;transform:scale(.85);transform-origin:center center}.fg-windows-preview{max-width:100%;transform:scale(.8);transform-origin:center center}.fg-windows-start{min-height:6rem;padding:var(--space-2)}.fg-preview-info{flex-wrap:wrap;gap:var(--space-2);justify-content:flex-start}}.fg-text-input{display:flex;flex-direction:column;gap:var(--space-2);max-width:100%;overflow:hidden}.fg-text-main-input{font-size:var(--text-2xl);font-weight:var(--font-bold);text-align:center;padding:var(--space-4);max-width:100%;box-sizing:border-box}.fg-emoji-input{display:flex;flex-direction:column;gap:var(--space-2)}.fg-emoji-categories{display:flex;gap:var(--space-1);flex-wrap:wrap;padding-bottom:var(--space-2);border-bottom:1px solid var(--pixel-border)}.fg-emoji-category{width:var(--space-8);height:var(--space-8);display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base)}.fg-emoji-category:hover{background:var(--pixel-bg-tertiary)}.fg-emoji-category.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color)}.fg-emoji-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:var(--space-1);max-height:14rem;overflow-y:auto;padding:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--pixel-bg-tertiary) transparent}.fg-emoji-grid::-webkit-scrollbar{width:6px}.fg-emoji-grid::-webkit-scrollbar-track{background:transparent}.fg-emoji-grid::-webkit-scrollbar-thumb{background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm)}.fg-emoji-grid::-webkit-scrollbar-thumb:hover{background:var(--pixel-bg-hover)}.fg-emoji-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);font-size:var(--text-xl);cursor:pointer;transition:all var(--transition-base)}.fg-emoji-item:hover{background:var(--pixel-bg-tertiary);transform:scale(1.1)}.fg-emoji-item.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color)}.fg-color-preset-transparent{background:linear-gradient(45deg,#475569 25%,transparent 25%),linear-gradient(-45deg,#475569 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#475569 75%),linear-gradient(-45deg,transparent 75%,#475569 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:#1e293b;display:flex;align-items:center;justify-content:center}.fg-color-preset-transparent i{font-size:var(--text-xs);color:var(--pixel-text-muted)}.fg-color-preset-transparent.active{border-color:var(--brand-color);box-shadow:0 0 0 2px rgba(var(--brand-color-rgb),.3)}.fg-color-preset-transparent.active i{color:var(--brand-color)}.fg-font-categories{display:flex;gap:var(--space-1);margin-bottom:var(--space-2)}.fg-font-category{display:flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.fg-font-category:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.fg-font-category.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color);color:var(--brand-color)}.fg-font-category i{font-size:var(--text-xs)}.fg-font-select-row{display:flex;align-items:center;gap:var(--space-2)}.fg-font-select-row .fg-select{flex:1}.fg-font-loading{color:var(--brand-color);font-size:var(--text-sm)}.fg-bg-type-toggle{display:flex;padding:3px;background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);gap:var(--space-1)}.fg-bg-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;background:transparent;border:none;border-radius:calc(var(--radius-lg) - 3px);color:var(--pixel-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.fg-bg-type-btn:hover{color:var(--pixel-text-primary)}.fg-bg-type-btn.active{background:var(--pixel-bg-primary);color:var(--brand-color);box-shadow:0 1px 3px #0000001a}.fg-bg-type-btn i{font-size:var(--text-xs)}.fg-gradient-controls,.fg-solid-controls{display:flex;flex-direction:column;gap:0;padding:var(--space-2);background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg)}.fg-gradient-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-2)}.fg-gradient-preset{width:var(--space-8);height:var(--space-8);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.fg-gradient-preset:hover{transform:scale(1.1);border-color:var(--pixel-border)}.fg-gradient-preset:active{transform:scale(.95)}.fg-gradient-type{display:flex;padding:2px;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);gap:2px}.fg-gradient-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:6px 8px;background:transparent;border:none;border-radius:calc(var(--radius-md) - 2px);color:var(--pixel-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.fg-gradient-type-btn i{font-size:.5rem}.fg-gradient-type-btn:hover{color:var(--pixel-text-primary)}.fg-gradient-type-btn.active{background:rgba(var(--brand-color-rgb),.15);color:var(--brand-color)}.fg-gradient-angle,.fg-gradient-colors{display:flex;flex-direction:column;gap:var(--space-1)}.fg-label-sm{font-size:var(--text-xs);color:var(--pixel-text-muted)}.fg-gradient-color-row{display:flex;align-items:center;gap:var(--space-1)}.fg-gradient-add-color,.fg-gradient-remove-color{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-primary);border:1px dashed var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.fg-gradient-add-color:hover{border-color:var(--brand-color);color:var(--brand-color)}.fg-gradient-remove-color:hover{border-color:var(--color-error);color:var(--color-error)}.fg-draw-input{display:flex;flex-direction:column;gap:var(--space-2)}.fg-draw-tools{display:flex;gap:var(--space-1);padding-bottom:var(--space-2);border-bottom:1px solid var(--pixel-border)}.fg-draw-tool{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.fg-draw-tool:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.fg-draw-tool.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color);color:var(--brand-color)}.fg-draw-clear{color:var(--color-error)}.fg-draw-clear:hover{background:#ef44441a;border-color:var(--color-error)}.fg-draw-tool:disabled{opacity:.4;cursor:not-allowed}.fg-draw-tool:disabled:hover{background:var(--pixel-bg-primary);color:var(--pixel-text-secondary);border-color:var(--pixel-border)}.fg-draw-divider{width:1px;background:var(--pixel-border);margin:0 var(--space-1)}.fg-draw-canvas-wrapper{display:flex;justify-content:center;padding:var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg)}.fg-draw-canvas{cursor:crosshair;max-width:100%;height:auto;image-rendering:pixelated;border-radius:var(--radius-md)}.fg-draw-sizes{display:flex;gap:var(--space-1)}.fg-draw-size{flex:1;padding:var(--space-1) var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.fg-draw-size:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.fg-draw-size.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color);color:var(--brand-color)}.fg-draw-bg-options{display:flex;gap:var(--space-2);align-items:center}.fg-draw-bg-option{width:var(--space-10);height:var(--space-10);display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:#f8fafc;border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.fg-draw-bg-option:hover{border-color:var(--pixel-text-muted)}.fg-draw-bg-option.active{border-color:var(--brand-color);box-shadow:0 0 0 2px rgba(var(--brand-color-rgb),.3)}[data-theme=light] .fg-emoji-category,[data-theme=light] .fg-emoji-item,[data-theme=light] .fg-draw-tool,[data-theme=light] .fg-draw-size{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .fg-emoji-category:hover,[data-theme=light] .fg-emoji-item:hover,[data-theme=light] .fg-draw-tool:hover,[data-theme=light] .fg-draw-size:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .fg-draw-canvas-wrapper{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}.fg-url-input{display:flex;flex-direction:column;gap:var(--space-2)}.fg-url-input-row{display:flex;gap:var(--space-1)}.fg-url-input-row .fg-input{flex:1;min-width:0}.fg-url-input-row .fg-btn{flex-shrink:0;white-space:nowrap}.fg-url-error{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.fg-checker-results{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-2)}.fg-checker-score{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg)}.fg-checker-score-ring{position:relative;width:4rem;height:4rem;min-width:4rem;min-height:4rem;aspect-ratio:1;flex-shrink:0;border-radius:var(--radius-full);background:conic-gradient(var(--score-color, var(--color-success)) calc(var(--score, 0) * 1%),var(--pixel-bg-secondary) calc(var(--score, 0) * 1%));display:flex;align-items:center;justify-content:center}.fg-checker-score-ring:before{content:"";position:absolute;inset:var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--radius-full)}.fg-checker-score-value{position:relative;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--pixel-text-primary)}.fg-checker-score-info{display:flex;flex-direction:column;gap:2px}.fg-checker-score-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--pixel-text-muted)}.fg-checker-score-desc{font-size:var(--text-sm);color:var(--pixel-text-secondary)}.fg-checker-section{display:flex;flex-direction:column;gap:var(--space-1)}.fg-checker-section-title{display:flex;align-items:center;gap:var(--space-1);margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.fg-checker-section-title i{color:var(--color-success)}.fg-checker-section-title.missing i{color:var(--color-error)}.fg-checker-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.fg-checker-item{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--pixel-text-secondary);cursor:pointer;transition:all var(--transition-base)}.fg-checker-item.found:not(:disabled):hover{background:var(--pixel-bg-tertiary);border-color:var(--brand-color)}.fg-checker-item.found:disabled{cursor:default;opacity:.7}.fg-checker-item.missing{cursor:default;border-color:var(--color-error);background:#ef44441a}.fg-checker-item i{font-size:var(--text-xs);color:var(--pixel-text-muted)}.fg-checker-item-name{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fg-checker-item-size{padding:1px 4px;background:var(--pixel-bg-primary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold)}.fg-checker-recommendations{margin:0;padding-inline-start:var(--space-4);font-size:var(--text-sm);color:var(--pixel-text-secondary);list-style-type:disc}.fg-checker-recommendations li{margin-bottom:var(--space-1)}.fg-checker-main-preview{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,var(--pixel-bg-tertiary) 0%,var(--pixel-bg-secondary) 100%);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.fg-checker-preview-box{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--pixel-border);border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0}.fg-checker-preview-box img{max-width:100%;max-height:100%;object-fit:contain}.fg-checker-preview-box i{font-size:var(--text-2xl);color:var(--pixel-text-muted)}.fg-checker-preview-info{flex:1;min-width:0}.fg-checker-preview-info h4{margin:0 0 4px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.fg-checker-preview-url{margin:0 0 6px;font-size:var(--text-xs);color:var(--pixel-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fg-checker-preview-status{margin:0;font-size:var(--text-xs);color:var(--pixel-text-secondary)}.fg-checker-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--pixel-border)}.fg-checker-summary{display:flex;flex-direction:column;gap:var(--space-1);text-align:right}.fg-checker-stat{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-medium)}.fg-checker-stat.found{color:var(--color-success)}.fg-checker-stat.missing{color:var(--color-error)}.fg-checker-categories{display:flex;flex-direction:column;gap:var(--space-2)}.fg-checker-category{padding:var(--space-2);background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg)}.fg-checker-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.fg-checker-category-title{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.fg-checker-category-title i{font-size:var(--text-sm);color:var(--pixel-text-muted);line-height:var(--leading-none)}.fg-checker-category-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:4px 6px;border-radius:var(--radius-lg);line-height:var(--leading-none)}.fg-checker-category-status i{font-size:var(--text-xs);line-height:var(--leading-none)}.fg-checker-category-status.success{background:#10b9811a;color:var(--color-success)}.fg-checker-category-status.warning{background:#f59e0b1a;color:var(--color-warning)}.fg-checker-category-status.error{background:#ef44441a;color:var(--color-error)}.fg-checker-category-desc{margin:0 0 var(--space-1);font-size:var(--text-xs);color:var(--pixel-text-muted)}.fg-checker-category-files{display:flex;flex-direction:column;gap:var(--space-1)}.fg-checker-file{display:flex;align-items:center;gap:var(--space-1);padding:4px 6px;background:var(--pixel-bg-primary);border-radius:var(--radius-md);font-size:var(--text-xs)}.fg-checker-file i{font-size:var(--text-xs)}.fg-checker-file.found i{color:var(--color-success)}.fg-checker-file.missing i{color:var(--color-error)}.fg-checker-file-name{flex:1;font-family:monospace;color:var(--pixel-text-primary)}.fg-checker-file-size{padding:1px 4px;background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--pixel-text-muted)}.fg-checker-file-badge{padding:1px 4px;background:rgba(var(--brand-color-rgb),.15);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--brand-color)}.fg-checker-file-use{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background:var(--brand-color);border:none;border-radius:var(--radius-full);color:#fff;font-size:.5rem;cursor:pointer;transition:all var(--transition-base)}.fg-checker-file-use:hover{background:var(--brand-color-dark);transform:scale(1.1)}.fg-checker-action{padding:var(--space-2);background:rgba(var(--brand-color-rgb),.1);border:1px solid rgba(var(--brand-color-rgb),.2);border-radius:var(--radius-lg)}.fg-checker-action-text{display:flex;align-items:flex-start;gap:var(--space-1);margin:0;font-size:var(--text-xs);color:var(--brand-color)}.fg-checker-action-text i{margin-top:var(--space-1)}.fg-checker-recommendations li:last-child{margin-bottom:0}[dir=rtl] .fg-url-input-row{flex-direction:row-reverse}[dir=rtl] .fg-checker-list{direction:rtl}[dir=rtl] .fg-checker-recommendations{padding-inline-start:var(--space-4);padding-inline-end:0}@media(max-width:37.5rem){.fg-url-input-row .fg-input{flex:3}.fg-url-input-row .fg-btn{flex:2;padding-left:.5rem;padding-right:var(--space-2);font-size:var(--text-xs)}.fg-checker-score-ring{width:3.5rem;height:3.5rem;min-width:3.5rem;min-height:3.5rem;aspect-ratio:1;flex-shrink:0}.fg-checker-score-value{font-size:var(--text-base)}.fg-checker-score{flex-wrap:wrap;gap:var(--space-2)}.fg-checker-score-info{flex:1;min-width:0}.fg-checker-score-desc{font-size:var(--text-xs)}.fg-checker-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.fg-checker-summary{width:100%;flex-direction:row;justify-content:flex-start;gap:var(--space-4);text-align:left}.fg-checker-main-preview{flex-wrap:wrap;gap:var(--space-2)}.fg-checker-preview-info{width:100%}.fg-checker-item-detailed{flex-wrap:wrap;gap:var(--space-1)}.fg-checker-item-detailed code{font-size:var(--text-xs);max-width:100%;overflow:hidden;text-overflow:ellipsis}.fg-checker-item-actions{margin-left:0;margin-top:var(--space-1);width:100%;justify-content:flex-end}.fg-checker-item-btn{width:1.75rem;height:1.75rem}.fg-checker-category-header{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.fg-checker-file{flex-wrap:wrap}.fg-checker-file-name{min-width:0;max-width:100%}}.fg-checker-detailed{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.fg-checker-section{background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);overflow:hidden}.fg-checker-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--pixel-bg-tertiary);border-bottom:1px solid var(--pixel-border);font-weight:var(--font-semibold);font-size:var(--text-sm)}.fg-checker-section-badge{display:flex;align-items:center;font-size:var(--text-sm)}.fg-checker-section-badge.success{color:var(--color-success)}.fg-checker-section-badge.warning{color:var(--color-warning)}.fg-checker-section-badge.error{color:var(--color-error)}.fg-checker-section-items{padding:var(--space-2) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.fg-checker-item-detailed{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--pixel-text-primary)}.fg-checker-item-detailed i{flex-shrink:0;width:1rem;text-align:center}.fg-checker-item-detailed.success i{color:var(--color-success)}.fg-checker-item-detailed.warning i{color:var(--color-warning)}.fg-checker-item-detailed.error i{color:var(--color-error)}.fg-checker-item-detailed.info i{color:var(--brand-color)}.fg-checker-item-detailed code{padding:2px 6px;background:var(--pixel-bg-primary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--pixel-text-secondary);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.fg-checker-item-actions{display:flex;gap:var(--space-1);margin-left:auto;flex-shrink:0}.fg-checker-item-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.fg-checker-item-btn:hover{background:var(--pixel-bg-primary);color:var(--pixel-text-primary);border-color:var(--pixel-text-muted)}.fg-checker-item-btn.primary{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}.fg-checker-item-btn.primary:hover{background:rgba(var(--brand-color-rgb),.25);border-color:var(--brand-color)}.fg-image-input{display:flex;flex-direction:column;gap:var(--space-2)}.fg-color-labels{display:flex;gap:var(--space-4);margin-bottom:var(--space-1)}.fg-color-labels .fg-label-sm:first-child{width:var(--space-10);flex-shrink:0}.fg-color-labels .fg-label-sm:last-child{flex:1}.fg-color-input-large{width:var(--space-10);height:var(--space-10);flex-shrink:0}.fg-output-settings{display:flex;flex-direction:column;gap:var(--space-4)}.fg-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.fg-quick-btns{display:flex;gap:var(--space-1)}.fg-quick-btn{padding:2px 6px;background:transparent;border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.fg-quick-btn:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.fg-platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1)}.fg-platform-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-2) var(--space-1);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);min-width:0}.fg-platform-btn i{font-size:var(--text-sm);transition:transform var(--transition-base)}.fg-platform-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fg-platform-btn:hover{background:var(--pixel-bg-tertiary);border-color:var(--brand-color);color:var(--pixel-text-primary)}.fg-platform-btn:hover i{transform:scale(1.1);color:var(--brand-color)}.fg-platform-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}.fg-platform-btn.active i{color:var(--brand-color)}.fg-platform-btn.partial{border-color:var(--color-warning)}.fg-platform-btn.partial i{color:var(--color-warning)}.fg-platform-badge{font-size:.5rem;opacity:.7}.fg-platform-btn.expanded{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color);box-shadow:0 0 0 2px rgba(var(--brand-color-rgb),.2)}.fg-platform-sizes{margin-top:var(--space-1);padding:var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.fg-platform-sizes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1);padding-bottom:var(--space-1);border-bottom:1px solid var(--pixel-border)}.fg-platform-sizes-title{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.fg-platform-sizes-title i{color:var(--brand-color)}.fg-platform-sizes-toggle{padding:2px 8px;background:var(--brand-color);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.fg-platform-sizes-toggle:hover{filter:brightness(1.1)}.fg-platform-sizes-list{display:flex;flex-direction:column;gap:var(--space-1)}.fg-size-checkbox{display:flex;align-items:center;gap:var(--space-1);padding:4px 6px;background:var(--pixel-bg-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base)}.fg-size-checkbox:hover{background:var(--pixel-bg-tertiary)}.fg-size-checkbox input{display:none}.fg-size-checkbox-box{display:flex;align-items:center;justify-content:center;width:14px;height:14px;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-sm);color:transparent;font-size:.5rem;transition:all var(--transition-base)}.fg-size-checkbox input:checked+.fg-size-checkbox-box{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.fg-size-checkbox-label{font-size:var(--text-xs);font-weight:var(--font-semibold);font-family:monospace;color:var(--pixel-text-primary);min-width:4rem}.fg-size-checkbox-name{font-size:var(--text-xs);color:var(--pixel-text-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fg-output-options{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg)}.fg-color-text{flex:1;font-family:monospace;font-size:var(--text-xs);text-transform:uppercase}[data-theme=light] .fg-platform-group{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .fg-platform-header:hover,[data-theme=light] .fg-size-item:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .fg-size-checkbox{background:var(--pixel-bg-secondary);border-color:var(--pixel-border)}[data-theme=light] .fg-output-options{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}.fg-output-formats{display:flex;gap:var(--space-1)}.fg-output-format{flex:1;padding:var(--space-1) var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);text-align:center}.fg-output-format:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.fg-output-format.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color);color:var(--brand-color)}.fg-custom-size-input{display:flex;gap:var(--space-1)}.fg-custom-size-input .fg-input{flex:1;min-width:0}.fg-custom-size-input .fg-btn{flex-shrink:0;padding:var(--space-1);min-width:2.25rem}.fg-custom-sizes-list{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.fg-custom-size-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 6px 2px 8px;background:rgba(var(--brand-color-rgb),.1);border:1px solid var(--brand-color);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--brand-color)}.fg-custom-size-remove{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--brand-color);font-size:.5rem;cursor:pointer;opacity:.6;transition:opacity var(--transition-base),background var(--transition-base)}.fg-custom-size-remove:hover{opacity:1;background:rgba(var(--brand-color-rgb),.2)}[dir=rtl] .fg-output-formats,[dir=rtl] .fg-custom-size-input{flex-direction:row-reverse}[dir=rtl] .fg-custom-sizes-list{direction:rtl}.fg-code-snippets{display:flex;flex-direction:column;gap:var(--space-4)}.fg-code-preview{display:flex;flex-direction:column;gap:var(--space-1)}.fg-code-preview-label{font-size:var(--text-xs);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.fg-code-browser-mock{background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);overflow:hidden}.fg-code-browser-chrome{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--pixel-bg-tertiary);border-bottom:1px solid var(--pixel-border);overflow:hidden}.fg-code-browser-dots{display:flex;gap:var(--space-1)}.fg-code-browser-dots span{width:8px;height:8px;border-radius:var(--radius-full)}.fg-code-browser-dots .close{background:#ef4444}.fg-code-browser-dots .minimize{background:#f59e0b}.fg-code-browser-dots .maximize{background:#10b981}.fg-code-browser-tab{display:flex;align-items:center;gap:var(--space-1);padding:4px 8px;background:var(--pixel-bg-secondary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--pixel-text-primary)}.fg-code-browser-favicon{width:12px;height:12px;border-radius:var(--radius-sm)}.fg-code-browser-url{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--pixel-text-muted)}.fg-code-browser-url i{color:var(--color-success);font-size:.5rem}.fg-code-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:10rem;color:var(--pixel-text-muted)}.fg-code-empty i{font-size:var(--text-4xl);opacity:.5}.fg-code-empty span{font-size:var(--text-sm)}.fg-code-tabs-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.fg-code-tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg)}.fg-code-tabs-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:1px dashed var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.fg-code-tabs-toggle:hover{background:var(--pixel-bg-hover);color:var(--pixel-text-secondary);border-color:var(--pixel-text-muted)}.fg-code-tabs-toggle i{font-size:var(--text-xs)}.fg-code-tabs-count{opacity:.6}.fg-code-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.fg-code-tab:hover{background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.fg-code-tab.active{background:var(--brand-color);color:#fff}.fg-code-tab i{font-size:var(--text-xs)}.fg-code-tab-label{display:none}@media(min-width:30rem){.fg-code-tab-label{display:inline}}.fg-code-block{background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);overflow:visible}.fg-code-header{display:flex;align-items:center;justify-content:space-between;margin:-1px -1px 0;padding:var(--space-2);background:var(--pixel-bg-tertiary);border-bottom:1px solid var(--pixel-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.fg-code-lang{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.fg-code-copy{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.fg-code-copy:hover{background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.fg-code-copy.success{background:var(--color-success);border-color:var(--color-success);color:#fff}.fg-code-content{margin:0;padding:var(--space-4);overflow-x:auto;font-family:Fira Code,Consolas,monospace;font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--pixel-text-secondary)}.fg-code-content code{white-space:pre}.fg-code-files{background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);overflow:hidden}.fg-code-files-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-tertiary);border-bottom:1px solid var(--pixel-border);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-primary)}.fg-code-files-header i{color:var(--brand-color)}.fg-code-files-count{margin-inline-start:auto;padding:var(--space-1) var(--space-2);background:var(--pixel-bg-primary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--pixel-text-muted)}.fg-code-files-list{max-height:auto;scrollbar-width:thin;scrollbar-color:var(--pixel-bg-tertiary) transparent}.fg-code-files-list::-webkit-scrollbar{width:6px}.fg-code-files-list::-webkit-scrollbar-track{background:transparent}.fg-code-files-list::-webkit-scrollbar-thumb{background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm)}.fg-code-files-list::-webkit-scrollbar-thumb:hover{background:var(--pixel-bg-hover)}.fg-code-file{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-bottom:1px solid var(--pixel-border)}.fg-code-file:last-child{border-bottom:none}.fg-code-file i{color:var(--pixel-text-muted);font-size:var(--text-xs)}.fg-code-filename{flex:1;color:var(--pixel-text-primary);font-family:monospace}.fg-code-filesize{color:var(--pixel-text-muted);font-size:var(--text-xs)}.fg-code-file-download{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--pixel-bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.fg-code-file-download:hover{background:var(--brand-color);color:#fff}[data-theme=light] .fg-code-tabs{background:var(--pixel-bg-tertiary)}[data-theme=light] .fg-code-tab:hover{background:var(--pixel-bg-hover)}[data-theme=light] .fg-code-block{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .fg-code-header{background:var(--pixel-bg-tertiary);border-color:var(--pixel-border)}[data-theme=light] .fg-code-copy{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .fg-code-copy:hover{background:var(--pixel-bg-hover)}[data-theme=light] .fg-code-files{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .fg-code-files-header{background:var(--pixel-bg-tertiary);border-color:var(--pixel-border)}[dir=rtl] .fg-code-content{text-align:right}.fg-history-panel{display:flex;flex-direction:column;gap:var(--space-2)}.fg-history-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) 0}.fg-history-title{display:flex;align-items:center;gap:var(--space-1);margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.fg-history-title i{color:var(--pixel-text-muted)}.fg-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--pixel-text-muted);text-align:center}.fg-history-empty i{font-size:var(--text-4xl);opacity:.5}.fg-history-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:20rem;scrollbar-width:thin;scrollbar-color:var(--pixel-border) transparent}.fg-history-list::-webkit-scrollbar{width:4px}.fg-history-list::-webkit-scrollbar-track{background:transparent}.fg-history-list::-webkit-scrollbar-thumb{background:var(--pixel-border);border-radius:var(--radius-sm)}.fg-history-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-base),transform var(--transition-base)}.fg-history-item:hover{background:var(--pixel-bg-hover)}.fg-history-item:active{transform:scale(.98)}.fg-history-preview{flex-shrink:0;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);overflow:hidden;background:var(--pixel-bg-secondary);display:flex;align-items:center;justify-content:center}.fg-history-preview img{width:100%;height:100%;object-fit:contain}.fg-history-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fg-history-method{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary)}.fg-history-method i{font-size:var(--text-xs);color:var(--pixel-text-muted)}.fg-history-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--pixel-text-muted)}.fg-history-files,.fg-history-time{white-space:nowrap}.fg-history-delete{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-muted);cursor:pointer;opacity:1;transition:color var(--transition-base),background var(--transition-base)}.fg-history-delete:hover{background:var(--color-error);color:#fff}[dir=rtl] .fg-history-list{direction:rtl}[dir=rtl] .fg-history-item,[dir=rtl] .fg-history-method,[dir=rtl] .fg-history-meta{flex-direction:row-reverse}.fg-templates-gallery{display:flex;flex-direction:column;gap:var(--space-4)}.fg-templates-categories{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg)}.fg-templates-category{flex:1;padding:var(--space-1) var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.fg-templates-category:hover{background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.fg-templates-category.active{background:var(--brand-color);color:#fff}.fg-templates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.fg-template-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.fg-template-item:hover{border-color:var(--brand-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.fg-template-preview{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:var(--font-bold);border:1px solid rgba(0,0,0,.1)}.fg-template-name{font-size:var(--text-xs);color:var(--pixel-text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:37.5rem){.fg-templates-grid{grid-template-columns:repeat(3,1fr);width:100%}}@media(max-width:20rem){.fg-templates-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-1)}.fg-template-item{padding:var(--space-1)}.fg-template-preview{width:2.5rem;height:2.5rem;font-size:var(--text-sm)}}[data-theme=light] .fg-templates-categories{background:var(--pixel-bg-tertiary)}[data-theme=light] .fg-template-item{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .fg-template-item:hover{box-shadow:0 4px 12px #00000014}