.intro.svelte-1rzw8rz{color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem}section.svelte-1rzw8rz{margin-bottom:3rem}h2.svelte-1rzw8rz{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem}h3.svelte-1rzw8rz{color:var(--text-primary);margin:1.5rem 0 .75rem;font-size:1.125rem}h4.svelte-1rzw8rz{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem}p.svelte-1rzw8rz{color:var(--text-secondary);margin:1rem 0;line-height:1.6}ul.svelte-1rzw8rz{color:var(--text-secondary);margin:1rem 0;padding-inline-start:1.5rem}li.svelte-1rzw8rz{margin:.5rem 0;line-height:1.5}table.svelte-1rzw8rz{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.875rem}th.svelte-1rzw8rz,td.svelte-1rzw8rz{text-align:start;border:1px solid var(--border-color);padding:.75rem 1rem}th.svelte-1rzw8rz{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}td.svelte-1rzw8rz{color:var(--text-secondary)}tbody.svelte-1rzw8rz tr:where(.svelte-1rzw8rz):hover{background:var(--bg-secondary)}.method-list.svelte-1rzw8rz{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}.method.svelte-1rzw8rz{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:1rem}.method.svelte-1rzw8rz p:where(.svelte-1rzw8rz){margin:0;font-size:.875rem}.visual-example.svelte-1rzw8rz{text-align:center;margin:1.5rem 0}.canvas-preview.svelte-1rzw8rz{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:250px;height:200px;margin:0 auto;position:relative}.ruler.svelte-1rzw8rz{background:var(--bg-tertiary);position:absolute}.ruler.horizontal.svelte-1rzw8rz{border-bottom:1px solid var(--border-color);height:20px;top:0;left:20px;right:0}.ruler.vertical.svelte-1rzw8rz{border-inline-end:1px solid var(--border-color);width:20px;top:20px;bottom:0;left:0}.guide-handle.svelte-1rzw8rz{background:var(--accent-color);border-radius:var(--radius-full);width:8px;height:8px;position:absolute}.ruler.horizontal.svelte-1rzw8rz .guide-handle:where(.svelte-1rzw8rz){top:50%;transform:translate(-50%,-50%)}.ruler.vertical.svelte-1rzw8rz .guide-handle:where(.svelte-1rzw8rz){left:50%;transform:translate(-50%,-50%)}.canvas-area.svelte-1rzw8rz{position:absolute;inset:20px 0 0 20px}.guide-line.svelte-1rzw8rz{background:var(--accent-color);position:absolute}.guide-line.horizontal.svelte-1rzw8rz{background:repeating-linear-gradient(90deg, var(--accent-color) 0, var(--accent-color) 4px, transparent 4px, transparent 8px);height:1px;left:0;right:0}.guide-line.vertical.svelte-1rzw8rz{background:repeating-linear-gradient(180deg, var(--accent-color) 0, var(--accent-color) 4px, transparent 4px, transparent 8px);width:1px;top:0;bottom:0}.diagram-caption.svelte-1rzw8rz{color:var(--text-tertiary);margin:1rem 0 0;font-size:.875rem}.use-cases.svelte-1rzw8rz{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.use-case.svelte-1rzw8rz{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:1rem}.use-case.svelte-1rzw8rz h3:where(.svelte-1rzw8rz){color:var(--text-primary);margin:0 0 .5rem;font-size:.9375rem}.use-case.svelte-1rzw8rz p:where(.svelte-1rzw8rz){color:var(--text-secondary);margin:0;font-size:.875rem}