.demo-area.svelte-hboo29{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;margin:1rem 0 2rem}.pane-header.svelte-hboo29{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-secondary);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.status-badge.svelte-hboo29{font-size:.7rem;padding:.15rem .5rem;border-radius:10px;text-transform:none;letter-spacing:0}.status-badge.ready.svelte-hboo29{background:#22c55e20;color:#22c55e}.status-badge.loading.svelte-hboo29{background:#f59e0b20;color:#f59e0b}.editor-mount.svelte-hboo29{min-height:400px;padding:0}.editor-mount.svelte-hboo29 .milkdown{padding:1rem;min-height:350px;outline:none}.editor-mount.svelte-hboo29 .ProseMirror{padding:1rem;min-height:350px;outline:none;font-size:.95rem;line-height:1.7}.editor-mount.svelte-hboo29 .ProseMirror h1{font-size:1.75rem;margin:1rem 0 .5rem}.editor-mount.svelte-hboo29 .ProseMirror h2{font-size:1.4rem;margin:1rem 0 .5rem}.editor-mount.svelte-hboo29 .ProseMirror h3{font-size:1.15rem;margin:.75rem 0 .4rem}.editor-mount.svelte-hboo29 .ProseMirror blockquote{border-left:3px solid var(--color-primary);padding-left:1rem;color:var(--color-secondary);margin:.5rem 0}.editor-mount.svelte-hboo29 .ProseMirror pre{background:var(--color-surface);padding:.75rem;border-radius:4px;font-family:var(--font-mono);font-size:.875rem;overflow-x:auto}.editor-mount.svelte-hboo29 .ProseMirror code{font-family:var(--font-mono);background:var(--color-surface);padding:.1rem .3rem;border-radius:3px;font-size:.9em}.editor-mount.svelte-hboo29 .ProseMirror table{border-collapse:collapse;margin:.5rem 0;width:100%}.editor-mount.svelte-hboo29 .ProseMirror th,.editor-mount.svelte-hboo29 .ProseMirror td{border:1px solid var(--color-border);padding:.4rem .75rem}.editor-mount.svelte-hboo29 .ProseMirror th{background:var(--color-surface);font-weight:600}.editor-mount.svelte-hboo29 .ProseMirror ul,.editor-mount.svelte-hboo29 .ProseMirror ol{padding-left:1.5rem}.editor-mount.svelte-hboo29 .ProseMirror hr{border:none;border-top:2px solid var(--color-border);margin:1.5rem 0}.output-panel.svelte-hboo29{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:auto;max-height:300px;margin:.5rem 0 2rem}.output-panel.svelte-hboo29 pre:where(.svelte-hboo29){padding:1rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.5;margin:0;white-space:pre-wrap}.architecture-diagram.svelte-hboo29{display:flex;align-items:center;justify-content:center;gap:0;margin:1.5rem 0;flex-wrap:wrap}.arch-step.svelte-hboo29{background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;padding:.5rem .75rem;font-weight:600;font-size:.8rem}.arch-step.highlight.svelte-hboo29{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.arch-arrow.svelte-hboo29{padding:.2rem .4rem;font-size:.65rem;color:var(--color-secondary);font-family:var(--font-mono)}.arch-arrow.svelte-hboo29:before{content:"→ "}.arch-arrow.svelte-hboo29:after{content:" →"}.feature-grid.svelte-hboo29{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin:1rem 0 2rem}.feature-card.svelte-hboo29{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.feature-card.svelte-hboo29 h4:where(.svelte-hboo29){font-family:var(--font-mono);font-size:.8rem;color:var(--color-primary);margin-bottom:.25rem}.feature-card.svelte-hboo29 p:where(.svelte-hboo29){font-size:.85rem;color:var(--color-secondary);margin:0}.shortcuts-table.svelte-hboo29{margin:1rem 0 2rem;overflow-x:auto}.shortcuts-table.svelte-hboo29 table:where(.svelte-hboo29){border-collapse:collapse;width:100%;font-size:.9rem}.shortcuts-table.svelte-hboo29 th:where(.svelte-hboo29),.shortcuts-table.svelte-hboo29 td:where(.svelte-hboo29){border:1px solid var(--color-border);padding:.4rem .75rem;text-align:left}.shortcuts-table.svelte-hboo29 th:where(.svelte-hboo29){background:var(--color-surface);font-weight:600}.shortcuts-table.svelte-hboo29 kbd:where(.svelte-hboo29){background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;padding:.1rem .4rem;font-family:var(--font-mono);font-size:.8rem}ul.svelte-hboo29{padding-left:1.5rem;margin-bottom:1rem}li.svelte-hboo29{padding:.2rem 0}