.box-controls.svelte-1u25u1x{display:flex;gap:.4rem;padding:.5rem;background:var(--surface-secondary);border:1px solid var(--border-primary);box-shadow:0 4px 16px #00000059}textarea.svelte-1u25u1x{flex:1;background:var(--surface-primary);border:1px solid var(--border-primary);color:var(--text-primary);padding:.35rem .45rem;font-size:.78rem;resize:none;font-family:inherit;min-height:0}textarea.svelte-1u25u1x:focus{border-color:var(--accent);outline:none}.controls.svelte-1u25u1x{display:flex;flex-direction:column;gap:.25rem;min-width:160px}.slider-label.svelte-1u25u1x{display:flex;align-items:center;gap:.4rem;font-size:.62rem;color:var(--text-secondary);white-space:nowrap}.slider-name.svelte-1u25u1x{min-width:2.5em;color:var(--text-tertiary)}.slider-label.svelte-1u25u1x input[type=range]:where(.svelte-1u25u1x){flex:1;accent-color:var(--accent)}.slider-value.svelte-1u25u1x{min-width:2.5em;text-align:right;font-family:monospace;color:var(--text-primary)}.btn-row.svelte-1u25u1x{display:flex;gap:4px}.btn-flex.svelte-1u25u1x{flex:1}.btn-dismiss.svelte-1u25u1x{background:#646464d9;color:#ddd;border:none}.btn-dismiss.svelte-1u25u1x:hover{background:var(--status-error);color:#fff;filter:none}.demo-viewport.svelte-cfwbfk{position:relative;width:100%;height:500px;overflow:hidden;background:var(--surface-tertiary);border:1px solid var(--border-primary)}.artboard.svelte-cfwbfk{position:absolute;top:0;left:0}.artboard-content.svelte-cfwbfk{display:flex;gap:48px;align-items:start}.artboard-frame.svelte-cfwbfk{flex-shrink:0}.box-controls-anchor.svelte-cfwbfk{position:absolute;z-index:10;min-width:280px;max-width:400px}.model-toggle.svelte-cfwbfk{position:absolute;top:8px;right:8px;display:flex;gap:1px;z-index:5}.model-toggle.svelte-cfwbfk button:where(.svelte-cfwbfk){padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;background:var(--surface-secondary);border:1px solid var(--border-primary);color:var(--text-tertiary);cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.model-toggle.svelte-cfwbfk button.active:where(.svelte-cfwbfk){background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.status-bar.svelte-cfwbfk{position:absolute;bottom:0;left:0;right:0;padding:4px 10px;background:var(--surface-secondary);border-top:1px solid var(--border-primary);font-size:11px;color:var(--text-tertiary)}.hero.svelte-1uha8ag{min-height:100vh;background:var(--surface-secondary);color:var(--text-primary)}.hero-header.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--border-secondary);background:var(--surface-primary)}.logo-text.svelte-1uha8ag{font-size:18px;font-weight:700;letter-spacing:-.02em}.hero-nav.svelte-1uha8ag{display:flex;gap:8px}.nav-link.svelte-1uha8ag{font-size:13px;font-weight:600;color:var(--text-inverse);text-decoration:none;padding:7px 18px;background:var(--interactive-primary);border:1px solid var(--interactive-primary);border-radius:999px;transition:all .15s}.nav-link.svelte-1uha8ag:hover{background:var(--interactive-primary-hover);border-color:var(--interactive-primary-hover)}.demo-hero.svelte-1uha8ag{max-width:1100px;margin:0 auto;padding:48px 32px 64px;display:flex;flex-direction:column;gap:24px}h1.svelte-1uha8ag{font-size:36px;font-weight:800;line-height:1.15;letter-spacing:-.03em;margin:0 0 8px}.hero-subtitle.svelte-1uha8ag{font-size:16px;line-height:1.6;color:var(--text-secondary);margin:0;max-width:520px;font-style:italic}.arrow-down.svelte-1uha8ag{display:inline-block;animation:svelte-1uha8ag-bounce 1.2s ease-in-out infinite;font-style:normal}@keyframes svelte-1uha8ag-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.cta-primary.svelte-1uha8ag{display:inline-flex;align-items:center;padding:12px 28px;background:var(--interactive-primary);color:var(--text-inverse);font-size:14px;font-weight:600;text-decoration:none}.cta-primary.svelte-1uha8ag:hover{background:var(--interactive-primary-hover)}.workflow-section.svelte-1uha8ag{max-width:1100px;margin:0 auto;padding:64px 32px;border-top:1px solid var(--border-secondary)}.workflow-section.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:28px;font-weight:800;margin:0 0 32px;letter-spacing:-.02em}.steps.svelte-1uha8ag{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step.svelte-1uha8ag{padding:20px;background:var(--surface-primary);border:1px solid var(--border-secondary)}.step-number.svelte-1uha8ag{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--text-inverse);font-size:13px;font-weight:700;margin-bottom:12px}.step.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:14px;font-weight:700;margin:0 0 6px}.step.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:13px;line-height:1.5;color:var(--text-secondary);margin:0}.section-lede.svelte-1uha8ag{font-size:16px;line-height:1.7;color:var(--text-secondary);max-width:640px;margin:0}.mt.svelte-1uha8ag{margin-top:64px;padding-top:48px;border-top:1px solid var(--border-secondary)}.comparison.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comp-col.svelte-1uha8ag{padding:24px;border:1px solid var(--border-secondary);background:var(--surface-primary)}.comp-col.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:15px;font-weight:700;margin:0 0 12px}.comp-col.svelte-1uha8ag ul:where(.svelte-1uha8ag){margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.comp-col.svelte-1uha8ag li:where(.svelte-1uha8ag){font-size:14px;line-height:1.5;color:var(--text-secondary);padding-left:16px;position:relative}.comp-col.svelte-1uha8ag li:where(.svelte-1uha8ag):before{position:absolute;left:0;font-size:12px}.comp-col.bad.svelte-1uha8ag li:where(.svelte-1uha8ag):before{content:"✗";color:var(--status-error)}.comp-col.good.svelte-1uha8ag li:where(.svelte-1uha8ag):before{content:"✓";color:var(--status-success)}.comp-col.bad.svelte-1uha8ag{border-color:color-mix(in srgb,var(--status-error) 30%,var(--border-secondary))}.comp-col.good.svelte-1uha8ag{border-color:color-mix(in srgb,var(--status-success) 30%,var(--border-secondary))}.hero-footer.svelte-1uha8ag{text-align:center;padding:48px 32px;border-top:1px solid var(--border-secondary)}@media(max-width:768px){h1.svelte-1uha8ag{font-size:28px}.demo-hero.svelte-1uha8ag{padding:32px 20px 40px}.steps.svelte-1uha8ag{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.steps.svelte-1uha8ag{grid-template-columns:1fr}.hero-header.svelte-1uha8ag{padding:16px 20px}}
