.fg-wrap{display:flex;flex-direction:column;gap:1rem}.fg-wrap [hidden]{display:none!important}.fg-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);flex-wrap:wrap}.fg-tab{padding:.5rem 1.1rem;font-size:.88rem;font-weight:600;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--transition-fast),border-color var(--transition-fast)}.fg-tab:hover{color:var(--color-text)}.fg-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.fg-tab:focus-visible{outline:none;color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);border-radius:var(--radius-sm)}.fg-source{padding:.25rem 0}.fg-panel{display:flex;flex-direction:column;gap:.85rem}.fg-emoji-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:.4rem}.fg-emoji-btn{font-size:1.8rem;line-height:1;padding:.45rem .5rem;background:var(--color-bg-secondary);border:0;border-radius:var(--radius-md);cursor:pointer;box-shadow:inset 0 0 0 1px var(--color-border-soft);transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.fg-emoji-btn:hover{background:var(--color-surface);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-primary) 35%,transparent)}.fg-emoji-btn:active{transform:scale(.96)}.fg-emoji-btn--active{background:var(--color-primary-light);box-shadow:inset 0 0 0 1.5px var(--color-primary)}.fg-emoji-custom{font-size:1.4rem;max-width:14ch}.fg-field{display:flex;flex-direction:column;gap:.35rem}.fg-row{display:flex;flex-wrap:wrap;gap:.85rem;align-items:flex-end}.fg-row .fg-field{flex:1 1 140px}.fg-select{min-height:40px;padding:.5rem .75rem;border-radius:var(--radius-md);border:0;background:var(--color-bg-secondary);color:var(--color-text);font-size:.9rem;box-shadow:inset 0 0 0 1px var(--color-border-soft);transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.fg-select:focus{outline:none;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-primary),0 0 0 4px var(--color-primary-light)}.fg-color-input{width:56px;min-height:40px;padding:3px;border:0;border-radius:var(--radius-md);background:var(--color-bg-secondary);cursor:pointer;box-shadow:inset 0 0 0 1px var(--color-border-soft)}.fg-color-input:disabled{opacity:.5;cursor:not-allowed}.fg-drop{position:relative;border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:1.6rem 1rem;text-align:center;cursor:pointer;background:var(--color-bg-secondary);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.fg-drop:hover,.fg-drop.drag-over{border-color:var(--color-primary);background:var(--color-surface)}.fg-drop:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.fg-drop-inner{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--color-text-secondary);pointer-events:none}.fg-drop-text{margin:0;font-size:.92rem}.fg-hint{margin:0;font-size:.78rem;color:var(--color-text-muted)}.fg-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.fg-image-info{font-family:var(--font-mono);font-size:.78rem;color:var(--color-text-muted);padding:.4rem .6rem;border-radius:var(--radius-md);background:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.fg-config{display:flex;flex-direction:column;gap:.85rem;padding:.85rem 1rem;background:var(--color-surface-muted);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.fg-config-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.fg-control-row{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.fg-radio{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;font-size:.9rem;color:var(--color-text)}.fg-radio input[type=radio]{margin:0}.fg-padding-field{flex:1 1 220px;min-width:200px}.fg-padding-val{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-secondary);margin-left:.4rem}.fg-preview-section{display:flex;flex-direction:column;gap:.6rem;padding:.85rem 1rem;background:var(--color-bg-secondary);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.fg-preview-header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.fg-preview-label{font-size:.85rem;font-weight:700;color:var(--color-text-secondary)}.fg-preview-hint{font-size:.78rem;color:var(--color-text-muted);font-family:var(--font-mono)}.fg-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;align-items:end}.fg-preview-cell{display:flex;flex-direction:column;align-items:center;gap:.35rem}.fg-prev-frame{display:flex;align-items:center;justify-content:center;width:100%;max-width:116px;aspect-ratio:1 / 1;background:linear-gradient(45deg,var(--color-border-light) 25%,transparent 25%),linear-gradient(-45deg,var(--color-border-light) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-border-light) 75%),linear-gradient(-45deg,transparent 75%,var(--color-border-light) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--color-border-soft);padding:.5rem}.fg-prev-frame canvas{display:block;max-width:100%;max-height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.fg-prev-label{font-size:.78rem;color:var(--color-text-muted);font-family:var(--font-mono)}.fg-actions{display:flex;justify-content:flex-end;align-items:center;gap:.6rem}.fg-result{display:flex;flex-direction:column;gap:.85rem;padding:.85rem 1rem;background:var(--color-surface-muted);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.fg-result-header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.fg-result-label{font-size:.9rem;font-weight:700;color:var(--color-primary)}.fg-result-stats{font-size:.78rem;font-family:var(--font-mono);color:var(--color-text-muted)}.fg-file-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:.35rem .85rem}.fg-file-item{display:flex;justify-content:space-between;gap:.6rem;padding:.3rem .55rem;border-radius:var(--radius-sm);background:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft);font-family:var(--font-mono);font-size:.78rem}.fg-file-name{color:var(--color-text);word-break:break-all}.fg-file-size{color:var(--color-text-muted);flex-shrink:0}.fg-snippet{display:flex;flex-direction:column;gap:.4rem}.fg-snippet-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.fg-snippet-code{margin:0;padding:.85rem;background:var(--color-bg-secondary);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--color-border-soft);font-family:var(--font-mono);font-size:.82rem;line-height:1.6;color:var(--color-text);white-space:pre-wrap;overflow-wrap:anywhere}.fg-result-actions{display:flex;justify-content:flex-end;gap:.6rem}@media(max-width:640px){.fg-emoji-row{grid-template-columns:repeat(6,minmax(0,1fr))}.fg-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-actions,.fg-result-actions{justify-content:stretch}.fg-actions .btn-primary,.fg-result-actions .btn-primary{flex:1}.fg-select{min-height:44px}}