.fg-options{display:flex;flex-direction:column;gap:16px;padding:16px 0;border-top:1px solid #e2e8f0}.dark .fg-options,html[data-theme=dark] .fg-options{border-top-color:#3f3f46}.fg-option-section{display:flex;flex-direction:column;gap:8px}.fg-preset-row{display:flex;gap:6px}.fg-preset-btn{padding:4px 14px;border-radius:6px;border:1px solid #e2e8f0;background:transparent;color:#334155;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.dark .fg-preset-btn,html[data-theme=dark] .fg-preset-btn{border-color:#3f3f46;color:#d4d4d8}.fg-preset-btn.active{background:#e07203;border-color:#e07203;color:#fff}.fg-preset-btn:hover:not(.active){border-color:#e07203;color:#e07203}.fg-size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.fg-size-check{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;border:1px solid #e2e8f0;cursor:pointer;font-size:13px;font-weight:500;color:#334155;transition:all .15s ease}.dark .fg-size-check,html[data-theme=dark] .fg-size-check{border-color:#3f3f46;color:#d4d4d8}.fg-size-check:has(input:checked){border-color:#e07203;background:#fdf3e7}.dark .fg-size-check:has(input:checked),html[data-theme=dark] .fg-size-check:has(input:checked){background:#e0720326;border-color:#e07203}.fg-size-check input[type=checkbox]{display:none}.fg-size-label{font-variant-numeric:tabular-nums}.fg-style-row{display:flex;gap:24px}.fg-style-group{flex:1;display:flex;flex-direction:column;gap:6px}.fg-bg-controls{display:flex;align-items:center;gap:10px}.fg-color-picker{width:32px;height:28px;border:1px solid #e2e8f0;border-radius:4px;padding:1px;cursor:pointer;background:none}.fg-color-picker:disabled{opacity:.4;cursor:not-allowed}.dark .fg-color-picker,html[data-theme=dark] .fg-color-picker{border-color:#3f3f46}.fg-toggle-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#334155;cursor:pointer}.dark .fg-toggle-label,html[data-theme=dark] .fg-toggle-label{color:#d4d4d8}.fg-toggle-label input[type=checkbox]{display:none}.fg-cb{width:16px;height:16px;border:1.5px solid #cbd5e1;border-radius:4px;background:#f8fafc;flex-shrink:0;position:relative;transition:all .15s}.fg-cb:after{content:"";position:absolute;top:1px;left:4.5px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .12s ease}input:checked+.fg-cb{background:#e07203;border-color:#e07203}input:checked+.fg-cb:after{transform:rotate(45deg) scale(1)}input:disabled+.fg-cb{opacity:.6;cursor:not-allowed}.fg-size-check:hover .fg-cb,.fg-toggle-label:hover .fg-cb{border-color:#e07203}html[data-theme=dark] .fg-cb,.dark .fg-cb{background:#27272a;border-color:#52525b}html[data-theme=dark] .fg-size-check:hover .fg-cb,html[data-theme=dark] .fg-toggle-label:hover .fg-cb,.dark .fg-size-check:hover .fg-cb,.dark .fg-toggle-label:hover .fg-cb{border-color:#e07203}.fg-format-row{display:flex;gap:20px}.fg-preview-section,.fg-snippets-section{margin-top:20px}.fg-section-title{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:12px;text-transform:uppercase;letter-spacing:.03em}.dark .fg-section-title,html[data-theme=dark] .fg-section-title{color:#e4e4e7}.fg-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.fg-preview-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;transition:border-color .15s ease}.dark .fg-preview-tile,html[data-theme=dark] .fg-preview-tile{background:#27272a;border-color:#3f3f46}.fg-preview-tile:hover{border-color:#e07203}.fg-preview-tile:hover .fg-preview-dl{opacity:1}.fg-preview-img-wrap{display:flex;align-items:center;justify-content:center;border-radius:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='8' height='8' fill='%23e5e5e5'/%3E%3Crect x='8' y='8' width='8' height='8' fill='%23e5e5e5'/%3E%3C/svg%3E");background-size:16px 16px;overflow:hidden}.dark .fg-preview-img-wrap,html[data-theme=dark] .fg-preview-img-wrap{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='8' height='8' fill='%233f3f46'/%3E%3Crect x='8' y='8' width='8' height='8' fill='%233f3f46'/%3E%3C/svg%3E")}.fg-preview-img-wrap img{display:block;image-rendering:auto}.fg-ico-icon{background-image:none!important;background:#f8fafc;color:#64748b}.dark .fg-ico-icon,html[data-theme=dark] .fg-ico-icon{background:#3f3f46;color:#a1a1aa}.fg-preview-label{font-size:11px;font-weight:600;color:#334155}.dark .fg-preview-label,html[data-theme=dark] .fg-preview-label{color:#d4d4d8}.fg-preview-filesize{font-size:10px;color:#64748b}.dark .fg-preview-filesize,html[data-theme=dark] .fg-preview-filesize{color:#a1a1aa}.fg-preview-dl{position:absolute;top:6px;right:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:#e07203;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s ease}.fg-preview-dl:hover{background:#ad6924}.fg-snippet-block{margin-bottom:16px}.fg-snippet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.fg-snippet-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.dark .fg-snippet-label,html[data-theme=dark] .fg-snippet-label{color:#a1a1aa}.fg-copy-btn{padding:3px 10px;border-radius:5px;border:1px solid #e2e8f0;background:transparent;color:#334155;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.dark .fg-copy-btn,html[data-theme=dark] .fg-copy-btn{border-color:#3f3f46;color:#d4d4d8}.fg-copy-btn:hover{border-color:#e07203;color:#e07203}.fg-code{margin:0;padding:14px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;color:#334155;overflow-x:auto;white-space:pre}.dark .fg-code,html[data-theme=dark] .fg-code{background:#27272a80;border-color:#3f3f46;color:#d4d4d8}@media(max-width:600px){.fg-size-grid{grid-template-columns:repeat(2,1fr)}.fg-style-row{flex-direction:column;gap:12px}.fg-preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}}@media(max-width:480px){.fg-size-grid{grid-template-columns:repeat(2,1fr)}}