.generator-composer{background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 16%,var(--border));border-radius:.85rem;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #0f172a0f,0 12px 32px -20px #0f172a4d;transition:border-color .1s ease-out,box-shadow .1s ease-out}.generator-composer:focus-within{border-color:color-mix(in srgb,var(--primary) 60%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent),0 12px 32px -20px #0f172a4d}.generator-input{field-sizing:content;max-height:20rem;min-height:8.5rem}.generator-menu-item,.generator-picker,.generator-picker-clear,.generator-style{cursor:pointer;transition:border-color .1s ease-out,background-color .1s ease-out,box-shadow .1s ease-out,color .1s ease-out}.generator-picker-group{background:var(--muted);border:1px solid var(--border);border-radius:.45rem;display:inline-flex;flex-shrink:1;max-width:100%;min-width:0}.generator-picker-group[data-active=true]{background:color-mix(in srgb,var(--primary) 6%,var(--card));border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.generator-picker-group .generator-picker{flex:1}.generator-picker{align-items:center;border-radius:.4rem;color:var(--foreground);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.45rem;height:2.5rem;min-width:0;padding-inline:.6rem;white-space:nowrap}.generator-picker-single{background:var(--muted);border:1px solid var(--border);border-radius:.45rem}.generator-picker-icon{background:color-mix(in srgb,var(--primary) 12%,var(--card));border-radius:.35rem;color:var(--primary);display:grid;flex-shrink:0;height:1.75rem;margin-left:-.2rem;place-items:center;width:1.75rem}.generator-status{align-items:center;background:color-mix(in srgb,var(--muted) 70%,var(--card));border-radius:0 0 calc(.85rem - 1px) calc(.85rem - 1px);border-top:1px solid var(--border);color:var(--muted-foreground);display:flex;font-size:.75rem;font-weight:500;gap:.4rem;min-height:2.25rem;padding:.375rem 1rem}.generator-picker-clear{border-left:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));color:var(--muted-foreground);display:grid;place-items:center;width:2rem}.generator-picker-clear:hover{color:var(--foreground)}.generator-picker-group:has(.generator-picker:hover),.generator-picker-single:hover,.generator-picker-single[data-state=open]{background:var(--card);border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.generator-menu{background:var(--card);border:1px solid var(--border);border-radius:.65rem;box-shadow:0 10px 25px -15px #0f172a66,0 2px 8px #0f172a1a;color:var(--foreground);max-height:var(--reka-popper-available-height,70vh);overflow:auto;z-index:60}.generator-menu-item{align-items:center;border-radius:.38rem;display:flex;gap:.65rem;min-height:2.5rem;padding:.4rem .55rem;text-align:left}.generator-menu-item:hover,.generator-style:hover{background:color-mix(in srgb,var(--primary) 8%,var(--card))}.generator-style{border:1px solid var(--border);border-radius:.45rem;display:flex;flex-direction:column;gap:.14rem;padding:.22rem;text-align:left}.generator-style-image{background:#eef3f9;border-radius:.28rem;display:grid;height:3.25rem;padding:.3rem;place-items:center;width:100%}.generator-style-image img{max-height:2.65rem;-o-object-fit:contain;object-fit:contain}.generator-menu-item:focus-visible,.generator-picker-clear:focus-visible,.generator-picker:focus-visible,.generator-style:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.guest-result{background:var(--card);border:1px solid var(--border);border-radius:.85rem;overflow:hidden}.guest-result-pulse{animation:guest-result-pulse 1.4s ease-in-out infinite;background:color-mix(in srgb,var(--primary) 10%,var(--card));border-radius:9999px;display:grid;height:2.75rem;place-items:center;width:2.75rem}@keyframes guest-result-pulse{50%{background:color-mix(in srgb,var(--primary) 20%,var(--card))}}@media(prefers-reduced-motion:reduce){.guest-result-pulse{animation:none}}.generator-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;cursor:pointer;transition:border-color .1s ease-out,box-shadow .1s ease-out}.generator-card:hover,.generator-card[aria-pressed=true]{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 6px 14px -10px #0f172a40}.generator-card[aria-pressed=true]{box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 55%,var(--border))}.generator-card-action{align-items:center;background:var(--primary);border-radius:9999px;bottom:.5rem;color:var(--primary-foreground);display:inline-flex;font-size:.6875rem;font-weight:700;gap:.3rem;left:.5rem;opacity:0;padding:.2rem .55rem;position:absolute;transition:opacity .1s ease-out}.generator-card:focus-visible .generator-card-action,.generator-card:hover .generator-card-action,.generator-card[aria-pressed=true] .generator-card-action{opacity:1}.generator-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.generator-type-link{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:.6rem;color:var(--foreground);display:flex;gap:.6rem;height:2.75rem;padding-inline:.8rem;transition:border-color .1s ease-out,box-shadow .1s ease-out}.generator-type-link:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:0 6px 14px -10px #0f172a40}.generator-type-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
