.showcase-grid.svelte-wjgnvn{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;margin-top:1.5rem}.showcase-card.svelte-wjgnvn{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;background:var(--vcsi-gray-50);border:1px solid var(--vcsi-border);text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.showcase-card.svelte-wjgnvn:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.card-image.svelte-wjgnvn{aspect-ratio:16 / 10;overflow:hidden;background:var(--vcsi-gray-200)}.card-image.svelte-wjgnvn img:where(.svelte-wjgnvn){width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.showcase-card.svelte-wjgnvn:hover .card-image:where(.svelte-wjgnvn) img:where(.svelte-wjgnvn){transform:scale(1.05)}.card-content.svelte-wjgnvn{padding:1rem}.card-content.svelte-wjgnvn h4:where(.svelte-wjgnvn){margin:0;font-size:1rem;font-weight:600;line-height:1.3}.card-source.svelte-wjgnvn{display:inline-block;margin-top:.5rem;font-size:.75rem;color:var(--vcsi-gray-500)}.dark .showcase-card.svelte-wjgnvn{background:var(--vcsi-gray-900);border-color:var(--vcsi-gray-700)}.dark .showcase-card.svelte-wjgnvn:hover{box-shadow:0 8px 24px #0006}.dark .card-image.svelte-wjgnvn{background:var(--vcsi-gray-800)}.dark .card-source.svelte-wjgnvn{color:var(--vcsi-gray-400)}.layout-diagram.svelte-ueobu9{border:1px solid var(--vcsi-border);border-radius:8px;padding:1.5rem;margin:1.5rem 0;background:var(--vcsi-gray-50)}.diagram-body-label.svelte-ueobu9{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.diagram-body-label.svelte-ueobu9 code:where(.svelte-ueobu9){font-size:.8rem;font-weight:600;background:var(--vcsi-gray-200);padding:.125rem .5rem;border-radius:3px}.diagram-props.svelte-ueobu9{font-size:.65rem;font-family:var(--vcsi-font-mono);color:var(--vcsi-gray-500)}.diagram-body-wrapper.svelte-ueobu9{display:flex;flex-direction:column;border:2px dashed var(--vcsi-gray-400);border-radius:4px;overflow:hidden;min-height:280px}.diagram-main-wrapper.svelte-ueobu9{flex:1;display:flex;flex-direction:column;border:2px solid var(--matisse-orange, #e07b39);border-radius:4px;margin:.5rem;overflow:hidden}.diagram-main-label.svelte-ueobu9{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:var(--matisse-orange, #e07b39);color:#fff}.diagram-main-label.svelte-ueobu9 code:where(.svelte-ueobu9){font-size:.7rem;font-weight:600;background:#fff3;padding:.1rem .35rem;border-radius:2px;color:#fff}.diagram-main-label.svelte-ueobu9 .diagram-props:where(.svelte-ueobu9){color:#ffffffb3}.diagram-nav-bar.svelte-ueobu9{display:flex;align-items:stretch;background:var(--vcsi-gray-100);min-height:40px;margin:.5rem .5rem 0;border-radius:4px}.diagram-footer-bar.svelte-ueobu9{display:flex;align-items:stretch;background:var(--vcsi-gray-100);min-height:40px;margin:0 .5rem .5rem;border-radius:4px}.diagram-inner-content.svelte-ueobu9{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem}.diagram-page-body.svelte-ueobu9{display:flex;flex:1}.diagram-page-padding.svelte-ueobu9{width:40px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,var(--vcsi-gray-100),var(--vcsi-gray-100) 4px,var(--vcsi-gray-200) 4px,var(--vcsi-gray-200) 8px);border:1px dashed var(--vcsi-gray-300)}.diagram-page-padding.svelte-ueobu9 span:where(.svelte-ueobu9){writing-mode:vertical-rl;font-size:.6rem;color:var(--vcsi-gray-500)}.diagram-page-content.svelte-ueobu9{flex:1;display:flex;flex-direction:column;padding:.75rem;background:var(--vcsi-gray-50);position:relative}.diagram-page-max-width.svelte-ueobu9{position:absolute;top:.5rem;right:.5rem;font-size:.6rem;font-family:var(--vcsi-font-mono);color:var(--vcsi-gray-600);background:var(--vcsi-gray-200);padding:.125rem .375rem;border-radius:3px}.diagram-page-inner.svelte-ueobu9{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--vcsi-border);border-radius:4px;font-size:.8rem;color:var(--vcsi-gray-600)}.diagram-page-inner.svelte-ueobu9 p:where(.svelte-ueobu9){margin:0}.diagram-vertical-padding.svelte-ueobu9{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,var(--vcsi-gray-100),var(--vcsi-gray-100) 4px,var(--vcsi-gray-200) 4px,var(--vcsi-gray-200) 8px);border:1px dashed var(--vcsi-gray-300);border-radius:3px}.diagram-vertical-padding.top.svelte-ueobu9{height:24px;margin-bottom:.5rem}.diagram-vertical-padding.bottom.svelte-ueobu9{height:32px;margin-top:.5rem}.diagram-vertical-padding.svelte-ueobu9 span:where(.svelte-ueobu9){font-size:.55rem;font-family:var(--vcsi-font-mono);color:var(--vcsi-gray-500);background:var(--vcsi-gray-50);padding:.1rem .25rem;border-radius:2px}.diagram-label.svelte-ueobu9{font-size:.75rem;font-weight:600;color:var(--vcsi-gray-600);margin-bottom:.5rem}.dark .layout-diagram.svelte-ueobu9{background:var(--vcsi-gray-900)}.dark .diagram-body-label.svelte-ueobu9 code:where(.svelte-ueobu9){background:var(--vcsi-gray-700);color:var(--vcsi-gray-200)}.dark .diagram-body-wrapper.svelte-ueobu9{border-color:var(--vcsi-gray-600)}.dark .diagram-nav-bar.svelte-ueobu9,.dark .diagram-footer-bar.svelte-ueobu9{background:var(--vcsi-gray-800)}.dark .diagram-nav-bar.svelte-ueobu9 .diagram-page-padding:where(.svelte-ueobu9){background:repeating-linear-gradient(45deg,var(--vcsi-gray-900),var(--vcsi-gray-900) 4px,var(--vcsi-gray-700) 4px,var(--vcsi-gray-700) 8px)}.dark .diagram-page-padding.svelte-ueobu9{background:repeating-linear-gradient(45deg,var(--vcsi-gray-900),var(--vcsi-gray-900) 4px,var(--vcsi-gray-800) 4px,var(--vcsi-gray-800) 8px);border-color:var(--vcsi-gray-700)}.dark .diagram-page-padding.svelte-ueobu9 span:where(.svelte-ueobu9){color:var(--vcsi-gray-500)}.dark .diagram-page-content.svelte-ueobu9{background:var(--vcsi-gray-900)}.dark .diagram-page-max-width.svelte-ueobu9{background:var(--vcsi-gray-700);color:var(--vcsi-gray-300)}.dark .diagram-page-inner.svelte-ueobu9{background:var(--vcsi-gray-800);color:var(--vcsi-gray-300)}.dark .diagram-label.svelte-ueobu9{color:var(--vcsi-gray-400)}.dark .diagram-vertical-padding.svelte-ueobu9{background:repeating-linear-gradient(45deg,var(--vcsi-gray-900),var(--vcsi-gray-900) 4px,var(--vcsi-gray-800) 4px,var(--vcsi-gray-800) 8px);border-color:var(--vcsi-gray-700)}.dark .diagram-vertical-padding.svelte-ueobu9 span:where(.svelte-ueobu9){background:var(--vcsi-gray-800);color:var(--vcsi-gray-400)}.layout-diagram.svelte-1r82xgo{border:1px solid var(--vcsi-border);border-radius:8px;padding:1.5rem;margin:1.5rem 0;background:var(--vcsi-gray-50)}.diagram-story.svelte-1r82xgo{border:2px dashed var(--vcsi-border);border-radius:4px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;background:var(--vcsi-gray-50)}.diagram-label.svelte-1r82xgo{font-size:.75rem;font-weight:600;color:var(--vcsi-gray-600);margin-bottom:.5rem}.diagram-prose.svelte-1r82xgo{background:#fff;border:1px solid var(--vcsi-border);border-radius:4px;padding:.5rem 1rem;max-width:200px;margin:0 auto;text-align:center;font-size:.8rem;color:var(--vcsi-gray-600)}.diagram-prose.svelte-1r82xgo p:where(.svelte-1r82xgo){margin:0}.diagram-layout-break.svelte-1r82xgo{display:flex;align-items:stretch;border:1px dashed var(--vcsi-border);border-radius:4px;overflow:hidden}.diagram-padding-side.svelte-1r82xgo{width:24px;min-height:50px;background:repeating-linear-gradient(45deg,var(--vcsi-gray-100),var(--vcsi-gray-100) 4px,var(--vcsi-gray-200) 4px,var(--vcsi-gray-200) 8px);border:1px dashed var(--vcsi-gray-300);position:relative}.diagram-padding-side.svelte-1r82xgo:after{content:"2rem";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-size:.6rem;color:var(--vcsi-gray-500);white-space:nowrap}.diagram-layout-inner.svelte-1r82xgo{flex:1;background:var(--vcsi-gray-200);padding:.75rem;text-align:center;display:flex;align-items:center;justify-content:center}.diagram-padding-top.svelte-1r82xgo,.diagram-padding-bottom.svelte-1r82xgo{display:flex;align-items:center;justify-content:center;padding:.5rem;font-size:.7rem;color:var(--vcsi-gray-500);border:1px dashed var(--vcsi-gray-300);border-radius:4px;background:repeating-linear-gradient(45deg,transparent,transparent 4px,var(--vcsi-gray-100) 4px,var(--vcsi-gray-100) 8px)}.dark .layout-diagram.svelte-1r82xgo,.dark .diagram-story.svelte-1r82xgo{background:var(--vcsi-gray-900)}.dark .diagram-prose.svelte-1r82xgo{background:var(--vcsi-gray-800);color:var(--vcsi-gray-300)}.dark .diagram-layout-break.svelte-1r82xgo{border-color:var(--vcsi-gray-700)}.dark .diagram-layout-inner.svelte-1r82xgo{background:var(--vcsi-gray-800)}.dark .diagram-padding-side.svelte-1r82xgo{background:repeating-linear-gradient(45deg,var(--vcsi-gray-900),var(--vcsi-gray-900) 4px,var(--vcsi-gray-800) 4px,var(--vcsi-gray-800) 8px);border-color:var(--vcsi-gray-700)}.dark .diagram-padding-side.svelte-1r82xgo:after{color:var(--vcsi-gray-500)}.dark .diagram-padding-top.svelte-1r82xgo,.dark .diagram-padding-bottom.svelte-1r82xgo{color:var(--vcsi-gray-500);border-color:var(--vcsi-gray-700);background:repeating-linear-gradient(45deg,transparent,transparent 4px,var(--vcsi-gray-800) 4px,var(--vcsi-gray-800) 8px)}.dark .diagram-label.svelte-1r82xgo{color:var(--vcsi-gray-400)}.layout-diagram.svelte-3ybm18{border:1px solid var(--vcsi-border);border-radius:8px;padding:1.5rem;margin:1.5rem 0;background:var(--vcsi-gray-50)}.diagram-story.svelte-3ybm18{border:2px dashed var(--vcsi-border);border-radius:4px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;background:var(--vcsi-gray-50)}.diagram-label.svelte-3ybm18{font-size:.75rem;font-weight:600;color:var(--vcsi-gray-600);margin-bottom:.5rem}.diagram-prose.svelte-3ybm18{background:#fff;border:1px solid var(--vcsi-border);border-radius:4px;padding:.5rem 1rem;max-width:200px;margin:0 auto;text-align:center;font-size:.8rem;color:var(--vcsi-gray-600)}.diagram-prose.svelte-3ybm18 p:where(.svelte-3ybm18){margin:0}.diagram-split-wrapper.svelte-3ybm18{display:flex;align-items:stretch;border:1px dashed var(--vcsi-border);border-radius:4px;overflow:hidden}.diagram-split.svelte-3ybm18{flex:1;display:flex;flex-direction:column;padding:.5rem}.diagram-column-labels.svelte-3ybm18{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:.25rem}.diagram-col-label.svelte-3ybm18{font-size:.65rem;font-family:var(--vcsi-font-mono);color:var(--vcsi-gray-500);text-align:center;padding:.125rem .25rem;background:var(--vcsi-gray-100);border-radius:3px}.diagram-split-grid.svelte-3ybm18{display:grid;grid-template-columns:1fr auto 1fr;gap:0;min-height:180px;flex:1}.diagram-gap-indicator.svelte-3ybm18{display:flex;align-items:center;justify-content:center;width:2rem;position:relative}.diagram-gap-indicator.svelte-3ybm18 span:where(.svelte-3ybm18){writing-mode:vertical-rl;text-orientation:mixed;font-size:.6rem;color:var(--vcsi-gray-500);white-space:nowrap}.diagram-gap-indicator.svelte-3ybm18:before,.diagram-gap-indicator.svelte-3ybm18:after{content:"";position:absolute;left:50%;width:1px;height:30%;background:var(--vcsi-gray-300);border-style:dashed}.diagram-gap-indicator.svelte-3ybm18:before{top:0}.diagram-gap-indicator.svelte-3ybm18:after{bottom:0}.diagram-content.svelte-3ybm18,.diagram-panel.svelte-3ybm18{border:2px dashed var(--vcsi-border);border-radius:4px;padding:.5rem;display:flex;flex-direction:column}.diagram-steps.svelte-3ybm18{display:flex;flex-direction:column;gap:.5rem;flex:1}.diagram-step.svelte-3ybm18{background:#fff;border:1px solid var(--vcsi-border);border-radius:4px;padding:.5rem;text-align:center;font-size:.8rem}.diagram-spacer.svelte-3ybm18{display:flex;align-items:center;justify-content:center;padding:.25rem;font-size:.65rem;color:var(--vcsi-gray-400);border:1px dashed var(--vcsi-gray-300);border-radius:3px;background:var(--vcsi-gray-100)}.diagram-viz.svelte-3ybm18{flex:1;display:flex;align-items:center;justify-content:center;background:var(--vcsi-gray-200);border-radius:4px;font-size:.8rem;color:var(--vcsi-gray-600)}.diagram-padding-side.svelte-3ybm18{width:24px;min-height:50px;background:repeating-linear-gradient(45deg,var(--vcsi-gray-100),var(--vcsi-gray-100) 4px,var(--vcsi-gray-200) 4px,var(--vcsi-gray-200) 8px);border:1px dashed var(--vcsi-gray-300);position:relative}.diagram-padding-side.svelte-3ybm18:after{content:"2rem";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-size:.6rem;color:var(--vcsi-gray-500);white-space:nowrap}.diagram-padding-top.svelte-3ybm18,.diagram-padding-bottom.svelte-3ybm18{display:flex;align-items:center;justify-content:center;padding:.5rem;font-size:.7rem;color:var(--vcsi-gray-500);border:1px dashed var(--vcsi-gray-300);border-radius:4px;background:repeating-linear-gradient(45deg,transparent,transparent 4px,var(--vcsi-gray-100) 4px,var(--vcsi-gray-100) 8px)}.dark .layout-diagram.svelte-3ybm18,.dark .diagram-story.svelte-3ybm18{background:var(--vcsi-gray-900)}.dark .diagram-prose.svelte-3ybm18{background:var(--vcsi-gray-800);color:var(--vcsi-gray-300)}.dark .diagram-split-wrapper.svelte-3ybm18{border-color:var(--vcsi-gray-700)}.dark .diagram-col-label.svelte-3ybm18{background:var(--vcsi-gray-800);color:var(--vcsi-gray-400)}.dark .diagram-gap-indicator.svelte-3ybm18 span:where(.svelte-3ybm18){color:var(--vcsi-gray-500)}.dark .diagram-gap-indicator.svelte-3ybm18:before,.dark .diagram-gap-indicator.svelte-3ybm18:after{background:var(--vcsi-gray-600)}.dark .diagram-step.svelte-3ybm18{background:var(--vcsi-gray-800);color:var(--vcsi-fg)}.dark .diagram-viz.svelte-3ybm18{background:var(--vcsi-gray-800);color:var(--vcsi-gray-400)}.dark .diagram-spacer.svelte-3ybm18{color:var(--vcsi-gray-500);border-color:var(--vcsi-gray-700);background:var(--vcsi-gray-800)}.dark .diagram-padding-side.svelte-3ybm18{background:repeating-linear-gradient(45deg,var(--vcsi-gray-900),var(--vcsi-gray-900) 4px,var(--vcsi-gray-800) 4px,var(--vcsi-gray-800) 8px);border-color:var(--vcsi-gray-700)}.dark .diagram-padding-side.svelte-3ybm18:after{color:var(--vcsi-gray-500)}.dark .diagram-padding-top.svelte-3ybm18,.dark .diagram-padding-bottom.svelte-3ybm18{color:var(--vcsi-gray-500);border-color:var(--vcsi-gray-700);background:repeating-linear-gradient(45deg,transparent,transparent 4px,var(--vcsi-gray-800) 4px,var(--vcsi-gray-800) 8px)}.dark .diagram-label.svelte-3ybm18{color:var(--vcsi-gray-400)}.layout-diagram.svelte-1mvc33k{border:1px solid var(--vcsi-border);border-radius:8px;padding:1.5rem;margin:1.5rem 0;background:var(--vcsi-gray-50)}.diagram-custom-split.svelte-1mvc33k{border:1px dashed var(--vcsi-border);border-radius:4px;padding:.5rem;background:var(--vcsi-gray-50)}.diagram-column-labels.svelte-1mvc33k{display:grid;grid-template-columns:1fr 1.5fr;gap:1.5rem;margin-bottom:.25rem}.diagram-col-label.svelte-1mvc33k{font-size:.65rem;font-family:var(--vcsi-font-mono);color:var(--vcsi-gray-500);text-align:center;padding:.125rem .25rem;background:var(--vcsi-gray-100);border-radius:3px}.diagram-col-label.custom.svelte-1mvc33k{background:--matisse-orange;color:#fff}.diagram-custom-grid.svelte-1mvc33k{display:grid;grid-template-columns:1fr auto 1.5fr;gap:0;min-height:120px}.diagram-content-narrow.svelte-1mvc33k,.diagram-panel-wide.svelte-1mvc33k{border:2px dashed var(--vcsi-border);border-radius:4px;padding:.5rem;display:flex;flex-direction:column}.diagram-panel-wide.svelte-1mvc33k{position:relative}.diagram-max-width-cap.svelte-1mvc33k{position:absolute;top:-.5rem;right:.5rem;font-size:.6rem;font-family:var(--vcsi-font-mono);color:#fff;background:--matisse-orange;padding:.125rem .375rem;border-radius:3px}.diagram-gap-indicator.svelte-1mvc33k{display:flex;align-items:center;justify-content:center;width:2rem;position:relative}.diagram-gap-indicator.svelte-1mvc33k span:where(.svelte-1mvc33k){writing-mode:vertical-rl;text-orientation:mixed;font-size:.6rem;color:var(--vcsi-gray-500);white-space:nowrap}.diagram-gap-indicator.svelte-1mvc33k:before,.diagram-gap-indicator.svelte-1mvc33k:after{content:"";position:absolute;left:50%;width:1px;height:30%;background:var(--vcsi-gray-300);border-style:dashed}.diagram-gap-indicator.svelte-1mvc33k:before{top:0}.diagram-gap-indicator.svelte-1mvc33k:after{bottom:0}.diagram-label.svelte-1mvc33k{font-size:.75rem;font-weight:600;color:var(--vcsi-gray-600);margin-bottom:.5rem}.diagram-step.svelte-1mvc33k{background:#fff;border:1px solid var(--vcsi-border);border-radius:4px;padding:.5rem;text-align:center;font-size:.8rem}.diagram-viz.svelte-1mvc33k{flex:1;display:flex;align-items:center;justify-content:center;background:var(--vcsi-gray-200);border-radius:4px;font-size:.8rem;color:var(--vcsi-gray-600)}.dark .layout-diagram.svelte-1mvc33k{background:var(--vcsi-gray-900)}.dark .diagram-custom-split.svelte-1mvc33k{background:var(--vcsi-gray-900);border-color:var(--vcsi-gray-700)}.dark .diagram-col-label.svelte-1mvc33k{background:var(--vcsi-gray-800);color:var(--vcsi-gray-400)}.dark .diagram-content-narrow.svelte-1mvc33k,.dark .diagram-panel-wide.svelte-1mvc33k{border-color:var(--vcsi-gray-600)}.dark .diagram-gap-indicator.svelte-1mvc33k span:where(.svelte-1mvc33k){color:var(--vcsi-gray-500)}.dark .diagram-gap-indicator.svelte-1mvc33k:before,.dark .diagram-gap-indicator.svelte-1mvc33k:after{background:var(--vcsi-gray-600)}.dark .diagram-step.svelte-1mvc33k{background:var(--vcsi-gray-800);color:var(--vcsi-fg)}.dark .diagram-viz.svelte-1mvc33k{background:var(--vcsi-gray-800);color:var(--vcsi-gray-400)}.dark .diagram-label.svelte-1mvc33k{color:var(--vcsi-gray-400)}.layout-diagram.svelte-q7bu8v{border:1px solid var(--vcsi-border);border-radius:8px;padding:1.5rem;margin:1.5rem 0;background:var(--vcsi-gray-50)}.diagram-fullscreen-wrapper.svelte-q7bu8v{display:flex;flex-direction:column;gap:.5rem}.diagram-width-label.svelte-q7bu8v{text-align:center;font-size:.7rem;font-family:var(--vcsi-font-mono);color:var(--vcsi-gray-500);padding:.25rem .5rem;background:var(--vcsi-gray-100);border-radius:3px;align-self:center}.diagram-fullscreen.svelte-q7bu8v{position:relative;height:200px;border:2px solid var(--matisse-orange);border-radius:4px}.diagram-panel-full.svelte-q7bu8v{position:absolute;inset:0;border:2px dashed var(--vcsi-border);border-radius:4px;padding:.5rem;display:flex;flex-direction:column}.diagram-label.svelte-q7bu8v{font-size:.75rem;font-weight:600;color:var(--vcsi-gray-600);margin-bottom:.5rem}.diagram-viz.svelte-q7bu8v{flex:1;display:flex;align-items:center;justify-content:center;background:var(--vcsi-gray-200);border-radius:4px;font-size:.8rem;color:var(--vcsi-gray-600)}.diagram-content-overlay.svelte-q7bu8v{position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.diagram-step-constrained.svelte-q7bu8v{position:relative}.diagram-step-width-label.svelte-q7bu8v{position:absolute;top:-1.25rem;left:50%;transform:translate(-50%);font-size:.6rem;font-family:var(--vcsi-font-mono);color:#fff;background:var(--matisse-orange);padding:.125rem .375rem;border-radius:3px;white-space:nowrap}.diagram-step.svelte-q7bu8v{background:#fff;border:1px solid var(--vcsi-border);border-radius:4px;padding:.5rem;text-align:center;font-size:.8rem}.diagram-breakout-note.svelte-q7bu8v{text-align:center;font-size:.7rem;color:var(--vcsi-gray-500)}.diagram-breakout-note.svelte-q7bu8v code:where(.svelte-q7bu8v){font-size:.65rem;background:var(--vcsi-gray-100);padding:.125rem .375rem;border-radius:3px}.dark .layout-diagram.svelte-q7bu8v{background:var(--vcsi-gray-900)}.dark .diagram-width-label.svelte-q7bu8v{background:var(--vcsi-gray-800);color:var(--vcsi-gray-400)}.dark .diagram-fullscreen.svelte-q7bu8v{border-color:var(--matisse-orange)}.dark .diagram-viz.svelte-q7bu8v{background:var(--vcsi-gray-800);color:var(--vcsi-gray-400)}.dark .diagram-step.svelte-q7bu8v{background:var(--vcsi-gray-800);color:var(--vcsi-fg)}.dark .diagram-breakout-note.svelte-q7bu8v{color:var(--vcsi-gray-500)}.dark .diagram-breakout-note.svelte-q7bu8v code:where(.svelte-q7bu8v){background:var(--vcsi-gray-800);color:var(--vcsi-gray-200)}.dark .diagram-label.svelte-q7bu8v{color:var(--vcsi-gray-400)}.layout-diagram.svelte-zbkew8{border:1px solid var(--vcsi-border);border-radius:8px;padding:1.5rem;margin:1.5rem 0;background:var(--vcsi-gray-50)}.diagram-step-positions.svelte-zbkew8{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:1rem;background:var(--vcsi-gray-100);border-radius:4px;border:2px solid --matisse-orange}.diagram-position.svelte-zbkew8{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;min-height:80px}.diagram-position.left.svelte-zbkew8{align-items:flex-start}.diagram-step-mini.svelte-zbkew8{background:#fff;border:1px solid var(--vcsi-border);border-radius:4px;padding:.375rem .75rem;font-size:.75rem;box-shadow:0 1px 4px #0000001a}.diagram-position-label.svelte-zbkew8{font-size:.65rem;color:var(--vcsi-gray-500);font-family:var(--vcsi-font-mono)}.diagram-position.center.svelte-zbkew8 .diagram-position-label:where(.svelte-zbkew8){color:--matisse-orange;font-weight:600}.dark .layout-diagram.svelte-zbkew8,.dark .diagram-step-positions.svelte-zbkew8{background:var(--vcsi-gray-900)}.dark .diagram-step-mini.svelte-zbkew8{background:var(--vcsi-gray-800);color:var(--vcsi-gray-200);border-color:var(--vcsi-gray-600)}.dark .diagram-position-label.svelte-zbkew8{color:var(--vcsi-gray-500)}.layout-diagram.svelte-127kkew{border:1px solid var(--vcsi-border);border-radius:8px;padding:1.5rem;margin:1.5rem 0;background:var(--vcsi-gray-50)}.diagram-themes.svelte-127kkew{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.diagram-theme.svelte-127kkew{border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.diagram-theme-light.svelte-127kkew{background:#f8f8f8}.diagram-theme-dark.svelte-127kkew{background:#1a1a1a}.diagram-label.svelte-127kkew{font-size:.75rem;font-weight:600;color:var(--vcsi-gray-600);margin-bottom:.5rem}.diagram-theme-dark.svelte-127kkew .diagram-label:where(.svelte-127kkew){color:#999}.diagram-step-preview.svelte-127kkew{border-radius:6px;padding:.75rem 1rem;text-align:center;font-size:.85rem;font-weight:500}.diagram-theme-light.svelte-127kkew .diagram-step-preview.active:where(.svelte-127kkew){background:#fff;color:#333;box-shadow:0 2px 8px #0000001a}.diagram-theme-light.svelte-127kkew .diagram-step-preview.inactive:where(.svelte-127kkew){background:#f5f5f5;color:#ccc}.diagram-theme-dark.svelte-127kkew .diagram-step-preview.active:where(.svelte-127kkew){background:#2a2a2a;color:#e8e8e8;box-shadow:0 2px 8px #0000004d}.diagram-theme-dark.svelte-127kkew .diagram-step-preview.inactive:where(.svelte-127kkew){background:#222;color:#666}.dark .layout-diagram.svelte-127kkew{background:var(--vcsi-gray-900)}.layout-diagram.svelte-4ziro4{border:1px solid var(--vcsi-border);border-radius:8px;padding:1.5rem;margin:1.5rem 0;background:var(--vcsi-gray-50)}.diagram-dashboard.svelte-4ziro4{display:grid;grid-template-columns:100px 1fr;gap:.5rem;height:200px}.diagram-sidebar.svelte-4ziro4,.diagram-main.svelte-4ziro4{border:2px dashed var(--vcsi-border);border-radius:4px;padding:.5rem;display:flex;flex-direction:column}.diagram-label.svelte-4ziro4{font-size:.75rem;font-weight:600;color:var(--vcsi-gray-600);margin-bottom:.5rem}.diagram-controls.svelte-4ziro4,.diagram-viz.svelte-4ziro4{flex:1;display:flex;align-items:center;justify-content:center;background:var(--vcsi-gray-200);border-radius:4px;font-size:.8rem;color:var(--vcsi-gray-600)}.dark .layout-diagram.svelte-4ziro4{background:var(--vcsi-gray-900)}.dark .diagram-controls.svelte-4ziro4,.dark .diagram-viz.svelte-4ziro4{background:var(--vcsi-gray-800);color:var(--vcsi-gray-400)}.dark .diagram-label.svelte-4ziro4{color:var(--vcsi-gray-400)}.reference-layout.svelte-1a9r10a{position:relative;max-width:800px;margin:0 auto;padding:2rem 2rem 0}.page.svelte-1a9r10a h1:where(.svelte-1a9r10a){margin-top:0}section.svelte-1a9r10a{margin-top:2rem;padding-top:1rem;scroll-margin-top:5rem}h3.svelte-1a9r10a{margin-top:2rem}code.svelte-1a9r10a{background:var(--vcsi-gray-100);padding:.125rem .375rem;border-radius:3px;font-size:.9em}@media(max-width:900px){.reference-layout.svelte-1a9r10a{padding:1rem}}.dark code.svelte-1a9r10a{background:var(--vcsi-gray-800);color:var(--vcsi-gray-200)}