#generator{--bg: #0f0f14;--bg-card: #1a1a24;--bg-elevated: #22222e;--text: #e4e4ec;--text-secondary: #9d9db0;--accent: #6c63ff;--accent-hover: #7e77ff;--border: #2a2a38;--danger: #ef4444;--success: #22c55e;--radius: 14px;color:var(--text);font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}:where(#generator) *,:where(#generator) *:before,:where(#generator) *:after{box-sizing:border-box}:where(#generator) button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}:where(#generator) a{color:var(--accent);text-decoration:none}:where(#generator) input,:where(#generator) textarea,:where(#generator) select{font:inherit;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:.7rem .85rem;outline:none;width:100%}:where(#generator) input:focus,:where(#generator) textarea:focus,:where(#generator) select:focus{border-color:var(--accent)}#generator .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.1rem;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border);font-weight:600}#generator .btn:disabled{opacity:.5;cursor:not-allowed}#generator .btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}#generator .card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}#generator .muted{color:var(--text-secondary)}#generator h1{font-size:1.25rem;margin:.25rem 0 1rem}#generator .spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:ts-spin .8s linear infinite}@keyframes ts-spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme: light){#generator{--bg: #ffffff;--bg-card: #f7f7fb;--bg-elevated: #f0f0f6;--text: #1a1a22;--text-secondary: #6b6b7b;--accent: #6c63ff;--accent-hover: #7e77ff;--border: #e2e2ec;--danger: #dc2626;--success: #16a34a}}.embed{max-width:560px;margin:0 auto}.composer{display:flex;flex-direction:column;gap:.9rem}.generate{width:100%}.embed .you{margin:0 0 .5rem;font-size:.85rem;color:var(--text-secondary)}.embed .you strong{color:var(--text-primary)}.embed a.you{display:inline-block;text-decoration:none}.embed a.you:hover{color:var(--accent)}