.generator-panel[data-astro-cid-lsnqfiz3]{border-radius:var(--radius-xl);padding:var(--space-6)}@media (width>=640px){.generator-panel[data-astro-cid-lsnqfiz3]{padding:var(--space-7)}}.generator-form[data-astro-cid-lsnqfiz3]{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}@media (width>=640px){.generator-form[data-astro-cid-lsnqfiz3]{flex-direction:row}}.generator-input-wrap[data-astro-cid-lsnqfiz3]{flex:1;position:relative}.generator-form[data-astro-cid-lsnqfiz3] input[data-astro-cid-lsnqfiz3]{width:100%;font-family:inherit;font-size:var(--fs-lg);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);padding:.9rem 3.5rem .9rem 1.25rem}.generator-form[data-astro-cid-lsnqfiz3] input[data-astro-cid-lsnqfiz3]:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.generator-counter[data-astro-cid-lsnqfiz3]{right:var(--space-4);font-size:var(--fs-xs);color:var(--color-text-subtle);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.generator-actions[data-astro-cid-lsnqfiz3]{gap:var(--space-2);flex-shrink:0;display:flex}.icon-action[data-astro-cid-lsnqfiz3]{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);width:46px;height:46px;color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-shrink:0;place-items:center;display:inline-grid}.icon-action[data-astro-cid-lsnqfiz3]:hover{color:var(--color-primary-text);border-color:var(--color-primary);transform:translateY(-1px)}.icon-action[data-astro-cid-lsnqfiz3] svg{width:18px;height:18px}.generator-form[data-astro-cid-lsnqfiz3] .btn[data-astro-cid-lsnqfiz3]{flex-shrink:0;position:relative}.generator-form[data-astro-cid-lsnqfiz3] .btn[data-astro-cid-lsnqfiz3] .btn-arrow{width:16px;height:16px}.btn-spinner[data-astro-cid-lsnqfiz3]{border:2px solid #fff6;border-top-color:var(--color-on-primary);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:none}.btn[data-astro-cid-lsnqfiz3].is-loading .btn-label[data-astro-cid-lsnqfiz3],.btn[data-astro-cid-lsnqfiz3].is-loading .btn-arrow{display:none}.btn[data-astro-cid-lsnqfiz3].is-loading .btn-spinner[data-astro-cid-lsnqfiz3]{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.generator-toolbar[data-astro-cid-lsnqfiz3]{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.filter-tabs[data-astro-cid-lsnqfiz3]{gap:var(--space-1);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);flex-wrap:wrap;padding:4px;display:flex}.filter-tab[data-astro-cid-lsnqfiz3]{color:var(--color-text-muted);font-size:var(--fs-sm);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:.4rem .9rem;font-weight:500}.filter-tab[data-astro-cid-lsnqfiz3]:hover{color:var(--color-text)}.filter-tab[data-astro-cid-lsnqfiz3].is-active{background:var(--color-surface);color:var(--color-primary-text);box-shadow:var(--shadow-xs)}.toolbar-right[data-astro-cid-lsnqfiz3]{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.style-search[data-astro-cid-lsnqfiz3]{align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);height:40px;color:var(--color-text-subtle);display:flex}.style-search[data-astro-cid-lsnqfiz3]:focus-within{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.style-search[data-astro-cid-lsnqfiz3] svg{flex-shrink:0;width:16px;height:16px}.style-search[data-astro-cid-lsnqfiz3] input[data-astro-cid-lsnqfiz3]{font-family:inherit;font-size:var(--fs-sm);color:var(--color-text);background:0 0;border:none;width:120px}.style-search[data-astro-cid-lsnqfiz3] input[data-astro-cid-lsnqfiz3]:focus{outline:none}.btn-copy-all[data-astro-cid-lsnqfiz3]{padding:.55rem 1.1rem}.btn-copy-all[data-astro-cid-lsnqfiz3] svg{width:16px;height:16px}.btn-copy-all[data-astro-cid-lsnqfiz3].is-copied{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.recent[data-astro-cid-lsnqfiz3]{margin-bottom:var(--space-5)}.recent-label[data-astro-cid-lsnqfiz3]{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle);margin-bottom:var(--space-3);align-items:center;gap:6px;display:inline-flex}.recent-label[data-astro-cid-lsnqfiz3] svg{width:14px;height:14px}.recent-list[data-astro-cid-lsnqfiz3]{gap:var(--space-2);flex-wrap:wrap;display:flex}.generator-results[data-astro-cid-lsnqfiz3]{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));min-height:60px;display:grid}.generator-results[data-astro-cid-lsnqfiz3][data-empty=true]:after{content:"Type a name above to see results.";color:var(--color-text-subtle);text-align:center;padding:var(--space-6);grid-column:1/-1}.generator-results[data-astro-cid-lsnqfiz3][data-noresults=true]:after{content:"No styles match your filter.";color:var(--color-text-subtle);text-align:center;padding:var(--space-6);grid-column:1/-1}.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);box-shadow:var(--shadow-xs);transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);animation:cardIn .4s var(--ease-out) both;animation-delay:var(--stagger,0s);flex-direction:column;display:flex}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.result-card{animation:none}}.result-card:hover{border-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-border));box-shadow:var(--shadow-md);transform:translateY(-3px)}.result-head{justify-content:space-between;align-items:center;display:flex}.result-cat{letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary-text);background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:var(--radius-full);padding:2px 10px;font-size:.6875rem;font-weight:600}.result-fav{border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-text-subtle);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-spring);background:0 0;border:none;place-items:center;display:inline-grid}.result-fav svg{width:16px;height:16px}.result-fav:hover{color:#f87171}.result-fav.is-active{color:#f87171;transform:scale(1.15)}.result-fav.is-active svg{fill:currentColor}.result-text{font-size:var(--fs-lg);word-break:break-word;min-height:1.6em;line-height:1.5}.result-footer{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.result-label{font-size:var(--fs-xs);color:var(--color-text-subtle)}.result-copy{font-size:var(--fs-xs);color:var(--color-primary-text);background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border:none;padding:6px 12px;font-weight:600;position:relative;overflow:hidden}.result-copy .copy-label{align-items:center;gap:4px;display:inline-flex}.result-copy .copy-label svg{width:13px;height:13px}.result-copy:hover{background:color-mix(in srgb, var(--color-primary) 18%, transparent)}.result-copy .copy-check{display:none}.result-copy.is-copied{background:var(--color-accent);color:var(--color-on-accent)}.result-copy.is-copied .copy-label{display:none}.result-copy.is-copied .copy-check{display:inline}.recent-chip{font-size:var(--fs-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);padding:6px 12px}.recent-chip:hover{border-color:var(--color-primary);transform:translateY(-1px)}.recent-chip.is-copied{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}