.page.svelte-1uha8ag{max-width:1280px;margin:0 auto;padding:1.5em 1em 3em}.hero.svelte-1uha8ag{text-align:center;padding:2.5em 0 2em}.hero-icon.svelte-1uha8ag{font-size:1.5em;color:var(--accent, #6c5ce7);margin-bottom:.3em}.hero.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.03em;margin:0 0 .3em;background:linear-gradient(135deg,#fff 30%,var(--accent-light, #a29bfe) 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle.svelte-1uha8ag{color:var(--text-secondary, #a1a1aa);font-size:1em;margin:0}.badge.svelte-1uha8ag{display:inline-block;font-size:.6em;font-weight:600;padding:.15em .5em;border-radius:999px;background:var(--accent-glow, rgba(108,92,231,.15));color:var(--accent-light, #a29bfe);vertical-align:middle;margin-left:.4em}.workspace.svelte-1uha8ag{display:grid;grid-template-columns:340px 1fr;gap:1em;margin-top:1em;align-items:start}@media(max-width:860px){.workspace.svelte-1uha8ag{grid-template-columns:1fr}}.sidebar.svelte-1uha8ag{display:flex;flex-direction:column;gap:.75em}.panel.svelte-1uha8ag{background:var(--bg-secondary, #121214);border:1px solid var(--border, #1e1e22);border-radius:10px;overflow:hidden}.panel-header.svelte-1uha8ag{display:flex;align-items:center;gap:.4em;padding:.5em .85em;font-size:.72em;font-weight:600;color:var(--text-muted, #6b6b76);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-tertiary, #1a1a1e);border-bottom:1px solid var(--border, #1e1e22)}.panel-dot.svelte-1uha8ag{width:6px;height:6px;border-radius:50%;background:var(--accent, #6c5ce7)}.panel-body.svelte-1uha8ag{padding:.85em}.example-strip.svelte-1uha8ag{display:flex;gap:.35em;flex-wrap:wrap;margin-bottom:.65em}.chip.svelte-1uha8ag{padding:.2em .55em;font-size:.7em;font-family:inherit;color:var(--text-muted, #6b6b76);background:var(--bg, #0a0a0b);border:1px solid var(--border, #1e1e22);border-radius:999px;cursor:pointer;transition:all .12s}.chip.svelte-1uha8ag:hover{border-color:var(--accent, #6c5ce7);color:#fff}.prompt-input.svelte-1uha8ag{width:100%;padding:.6em .8em;font-family:inherit;font-size:.9em;color:var(--text-primary, #e8e8ed);background:var(--bg, #0a0a0b);border:1px solid var(--border, #1e1e22);border-radius:8px;resize:vertical;outline:none;box-sizing:border-box;line-height:1.5;transition:border-color .12s}.prompt-input.svelte-1uha8ag:focus{border-color:var(--accent, #6c5ce7);box-shadow:0 0 0 2px #6c5ce726}.prompt-input.svelte-1uha8ag::placeholder{color:var(--text-muted, #6b6b76)}.gen-btn.svelte-1uha8ag{display:inline-flex;align-items:center;gap:.4em;margin-top:.55em;padding:.5em 1.2em;font-size:.85em;font-weight:600;font-family:inherit;color:#fff;background:var(--accent, #6c5ce7);border:none;border-radius:8px;cursor:pointer;transition:all .12s}.gen-btn.svelte-1uha8ag:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.gen-btn.svelte-1uha8ag:disabled{opacity:.35;cursor:not-allowed}.shortcut.svelte-1uha8ag{font-size:.7em;color:var(--text-muted, #6b6b76);margin-left:.5em}.spinner.svelte-1uha8ag{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-1uha8ag-spin .6s linear infinite}@keyframes svelte-1uha8ag-spin{to{transform:rotate(360deg)}}.error.svelte-1uha8ag{font-size:.82em;color:#ff6b6b;padding:.5em;background:#ff6b6b14;border-radius:8px}.remix-grid.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr;gap:.65em}.remix-grid.svelte-1uha8ag label:where(.svelte-1uha8ag){display:flex;flex-direction:column;gap:.25em;font-size:.72em;color:var(--text-secondary, #a1a1aa)}.remix-grid.svelte-1uha8ag input[type=color]:where(.svelte-1uha8ag){width:100%;height:30px;padding:2px;border:1px solid var(--border, #1e1e22);border-radius:6px;background:var(--bg, #0a0a0b);cursor:pointer}.remix-grid.svelte-1uha8ag input[type=range]:where(.svelte-1uha8ag){width:100%;accent-color:var(--accent, #6c5ce7)}.thinking-state.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:300px;gap:1.5em}.thinking-ring.svelte-1uha8ag{width:48px;height:48px;border-radius:50%;border:3px solid var(--border, #1e1e22);border-top-color:var(--accent, #6c5ce7);border-right-color:var(--accent-light, #a29bfe);animation:svelte-1uha8ag-spin .8s cubic-bezier(.4,0,.2,1) infinite}.thinking-content.svelte-1uha8ag{text-align:center}.thinking-step.svelte-1uha8ag{font-size:.9em;color:var(--text-secondary, #a1a1aa);opacity:0;transform:translateY(4px);transition:all .3s}.thinking-step.active.svelte-1uha8ag{opacity:1;transform:translateY(0)}.thinking-dots.svelte-1uha8ag{display:flex;gap:4px;justify-content:center;margin-top:.75em}.thinking-dots.svelte-1uha8ag span:where(.svelte-1uha8ag){width:5px;height:5px;border-radius:50%;background:var(--text-muted, #6b6b76);animation:svelte-1uha8ag-bounce 1.4s infinite ease-in-out both}.thinking-dots.svelte-1uha8ag span:where(.svelte-1uha8ag):nth-child(1){animation-delay:0s}.thinking-dots.svelte-1uha8ag span:where(.svelte-1uha8ag):nth-child(2){animation-delay:.16s}.thinking-dots.svelte-1uha8ag span:where(.svelte-1uha8ag):nth-child(3){animation-delay:.32s}@keyframes svelte-1uha8ag-bounce{0%,80%,to{transform:scale(.6)}40%{transform:scale(1)}}.main-panel.svelte-1uha8ag{background:var(--bg-secondary, #121214);border:1px solid var(--border, #1e1e22);border-radius:10px;overflow:hidden;min-height:400px;display:flex;flex-direction:column}.empty-state.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-muted, #6b6b76);padding:3em;gap:1.5em}.empty-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(2,60px);gap:6px}.empty-grid.svelte-1uha8ag span:where(.svelte-1uha8ag){aspect-ratio:1;border-radius:6px;background:var(--bg-tertiary, #1a1a1e);border:1px solid var(--border, #1e1e22)}.empty-grid.svelte-1uha8ag span:where(.svelte-1uha8ag):nth-child(1){background:var(--accent-glow, rgba(108,92,231,.15))}.empty-grid.svelte-1uha8ag span:where(.svelte-1uha8ag):nth-child(4){background:var(--accent-glow, rgba(108,92,231,.15))}.empty-state.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:.85em;margin:0}.tabs.svelte-1uha8ag{display:flex;align-items:center;border-bottom:1px solid var(--border, #1e1e22);background:var(--bg, #0a0a0b);flex-shrink:0}.tabs.svelte-1uha8ag button:where(.svelte-1uha8ag){padding:.5em 1em;font-size:.8em;font-family:inherit;color:var(--text-muted, #6b6b76);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .12s}.tabs.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{color:var(--text-secondary, #a1a1aa)}.tabs.svelte-1uha8ag button.active:where(.svelte-1uha8ag){color:var(--accent-light, #a29bfe);border-bottom-color:var(--accent, #6c5ce7)}.tab-actions.svelte-1uha8ag{margin-left:auto;padding:.3em .5em}.copy-btn.svelte-1uha8ag{padding:.25em .65em;font-size:.7em;font-family:inherit;color:var(--text-muted, #6b6b76);background:var(--bg-tertiary, #1a1a1e);border:1px solid var(--border, #1e1e22);border-radius:6px;cursor:pointer;transition:all .12s}.copy-btn.svelte-1uha8ag:hover{color:#fff;border-color:var(--accent, #6c5ce7)}.preview.svelte-1uha8ag{flex:1;width:100%;border:none;background:var(--bg, #0a0a0b);min-height:400px}.code-block.svelte-1uha8ag{flex:1;margin:0;padding:1em 1.25em;font-family:JetBrains Mono,SF Mono,ui-monospace,monospace;font-size:.78em;line-height:1.6;color:var(--text-primary, #e8e8ed);overflow:auto;white-space:pre-wrap;word-break:break-all;max-height:500px}