.fg-controls{flex-wrap:wrap;align-items:end;gap:1rem;margin-bottom:.75rem;display:flex}.fg-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.fg-toggle input{accent-color:var(--primary-color)}.fg-actions{flex-wrap:wrap;gap:.6rem;margin-top:.75rem;display:flex}.fg-results{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-top:.75rem;display:grid}.fg-tile{background:var(--surface-2,#ffffff0a);border:1px solid var(--border,#ffffff14);border-radius:8px;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem;display:flex}.fg-tile-preview{background:repeating-conic-gradient(#ffffff0f 0 25%,transparent 0 50%)0 0/16px 16px;border-radius:4px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.fg-tile-preview img{max-width:100%;max-height:100%;image-rendering:pixelated}.fg-tile-label{color:var(--text-secondary);font-size:.8rem}.fg-snippet-wrap{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.fg-snippet{font-family:var(--font-mono,monospace);background:var(--surface-2,#ffffff0a);border:1px solid var(--border,#ffffff14);white-space:pre;color:var(--text-secondary);border-radius:6px;padding:.6rem .75rem;font-size:.8rem;line-height:1.6;overflow-x:auto}@media (max-width:480px){.fg-controls{flex-direction:column;align-items:stretch;gap:.6rem}}