.cw-vpd-chart.svelte-1x46qes{background:var(--cw-chart-card-bg, var(--cw-bg-surface));border:1px solid var(--cw-chart-card-border, var(--cw-border-default));border-radius:var(--cw-radius-2xl);box-shadow:var(--cw-chart-card-shadow, var(--cw-shadow-md));color:var(--cw-text-primary);display:flex;flex-direction:column;font-family:var(--cw-font-family);gap:var(--cw-space-4);padding:var(--cw-space-5);position:relative}.cw-vpd-chart__readout.svelte-1x46qes{display:flex;flex-direction:column;gap:.2rem}.cw-vpd-chart__readout-main.svelte-1x46qes{align-items:baseline;display:flex;flex-wrap:wrap;gap:.65rem}.cw-vpd-chart__readout-main.svelte-1x46qes b:where(.svelte-1x46qes){color:var(--cw-text-primary);font-family:var(--cw-font-mono);font-size:1.4rem;font-variant-numeric:tabular-nums;font-weight:var(--cw-font-bold);white-space:nowrap}.cw-vpd-chart__readout-main.svelte-1x46qes span:where(.svelte-1x46qes){color:var(--cw-text-muted);font-size:var(--cw-text-sm)}.cw-vpd-chart__readout-target.svelte-1x46qes{color:var(--cw-text-muted);font-size:var(--cw-text-sm);margin:0}.cw-vpd-chart__readout-target.svelte-1x46qes .is-on:where(.svelte-1x46qes){color:var(--cw-tone-success-text)}.cw-vpd-chart__readout-target.svelte-1x46qes .is-off:where(.svelte-1x46qes){color:var(--cw-tone-danger-text)}.cw-vpd-chart__matrix-scroll.svelte-1x46qes{overflow-x:auto}.cw-vpd-chart__matrix.svelte-1x46qes{border-collapse:separate;border-spacing:3px;min-width:max-content;width:100%}.cw-vpd-chart__matrix.svelte-1x46qes thead:where(.svelte-1x46qes) th:where(.svelte-1x46qes){color:var(--cw-text-muted);font-family:var(--cw-font-mono);font-size:var(--cw-text-xs);font-weight:var(--cw-font-bold);padding:.15rem .2rem;text-align:center}.cw-vpd-chart__matrix.svelte-1x46qes thead:where(.svelte-1x46qes) th:where(.svelte-1x46qes):first-child{color:var(--cw-text-primary);text-align:left}.cw-vpd-chart__header-text.svelte-1x46qes,.cw-vpd-chart__row-label.svelte-1x46qes,.cw-vpd-chart__fahrenheit-label.svelte-1x46qes,.cw-vpd-chart__cell-value.svelte-1x46qes{display:inline-block;line-height:1}.cw-vpd-chart__header--current.svelte-1x46qes{color:var(--cw-accent)}.cw-vpd-chart__header--current.svelte-1x46qes .cw-vpd-chart__header-text:where(.svelte-1x46qes){font-weight:900}.cw-vpd-chart__row-header.svelte-1x46qes,.cw-vpd-chart__fahrenheit.svelte-1x46qes{color:var(--cw-text-primary);font-family:var(--cw-font-mono);font-size:var(--cw-text-xs);font-variant-numeric:tabular-nums;font-weight:var(--cw-font-bold);padding-right:.5rem;text-align:right;white-space:nowrap}.cw-vpd-chart__fahrenheit.svelte-1x46qes{color:var(--cw-text-muted)}.cw-vpd-chart__row-header--current.svelte-1x46qes,.cw-vpd-chart__fahrenheit--current.svelte-1x46qes{color:var(--cw-accent)}.cw-vpd-chart__row-header--current.svelte-1x46qes .cw-vpd-chart__row-label:where(.svelte-1x46qes),.cw-vpd-chart__fahrenheit--current.svelte-1x46qes .cw-vpd-chart__fahrenheit-label:where(.svelte-1x46qes){font-weight:900}.cw-vpd-chart__cell.svelte-1x46qes{border-radius:5px;color:#fffffff2;font-family:var(--cw-font-mono);font-size:var(--cw-text-xs);font-variant-numeric:tabular-nums;font-weight:var(--cw-font-semibold);min-width:2.6rem;position:relative;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3)}.cw-vpd-chart__cell.svelte-1x46qes span:where(.svelte-1x46qes){display:block;padding:.45rem .3rem}.cw-vpd-chart__cell--target.svelte-1x46qes{box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #0000002e}.cw-vpd-chart__cell--current.svelte-1x46qes{overflow:visible;z-index:3}.cw-vpd-chart__cell--current.svelte-1x46qes:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:7px;pointer-events:none;z-index:0;animation:svelte-1x46qes-cw-vpd-current-ping 1.6s ease-out infinite}.cw-vpd-chart__cell--current.svelte-1x46qes:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:7px;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px var(--cw-gray-950),0 0 0 2px #fff,0 8px 18px color-mix(in srgb,var(--cw-gray-950) 60%,transparent);pointer-events:none;z-index:1}.cw-vpd-chart__cell--current.svelte-1x46qes .cw-vpd-chart__cell-value:where(.svelte-1x46qes){color:#fff;font-size:.9rem;font-weight:900;letter-spacing:-.01em;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.6);z-index:2}.cw-vpd-chart__cell-marker.svelte-1x46qes{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:4;display:block;padding:2px 8px;background:var(--cw-gray-950);border-radius:999px;box-shadow:0 0 0 1.5px #fff,0 5px 12px color-mix(in srgb,var(--cw-gray-950) 60%,transparent);color:#fff;font-family:var(--cw-font-family);font-size:.6rem;font-weight:800;letter-spacing:.1em;line-height:1.4;text-shadow:none;text-transform:uppercase;white-space:nowrap;pointer-events:none}.cw-vpd-chart__cell-marker.svelte-1x46qes:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--cw-gray-950)}@keyframes svelte-1x46qes-cw-vpd-current-ping{0%{box-shadow:0 0 color-mix(in srgb,var(--cw-accent) 80%,transparent)}70%{box-shadow:0 0 0 11px color-mix(in srgb,var(--cw-accent) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--cw-accent) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.cw-vpd-chart__cell--current.svelte-1x46qes:before{animation:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--cw-accent) 65%,transparent)}}.cw-vpd-chart__legend.svelte-1x46qes{align-items:center;color:var(--cw-text-muted);display:flex;flex-wrap:wrap;font-size:var(--cw-text-xs);gap:.75rem}.cw-vpd-chart__legend-ramp.svelte-1x46qes{background:linear-gradient(90deg,#3e74e0,#2bcaaf,#2fbc46,#bbd926,#ed8a26,#e63933);border-radius:6px;height:.7rem;width:11rem}.cw-vpd-chart__legend-target.svelte-1x46qes{align-items:center;display:inline-flex;gap:.35rem;margin-left:auto}.cw-vpd-chart__legend-swatch.svelte-1x46qes{border-radius:3px;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #0003;display:inline-block;height:.7rem;width:.7rem}.cw-vpd-chart__sr-only.svelte-1x46qes{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media(max-width:48rem){.cw-vpd-chart__cell.svelte-1x46qes{min-width:2.2rem}.cw-vpd-chart__cell.svelte-1x46qes span:where(.svelte-1x46qes){padding-inline:.25rem}}h2.svelte-1n9uibl{font-size:var(--cw-text-xl);font-weight:var(--cw-font-bold);margin-bottom:var(--cw-space-2)}h3.svelte-1n9uibl{color:var(--cw-text-primary);font-size:clamp(1.2rem,2vw,1.45rem);font-weight:var(--cw-font-semibold);margin:0}.demo-desc.svelte-1n9uibl{color:var(--cw-text-secondary);font-size:var(--cw-text-sm);line-height:1.65;margin:0 0 var(--cw-space-6);max-width:66ch}.demo-copy.svelte-1n9uibl{color:var(--cw-text-secondary);font-size:var(--cw-text-sm);line-height:1.65;margin:0;max-width:64ch}.demo-section.svelte-1n9uibl{display:grid;gap:var(--cw-space-4);margin-bottom:var(--cw-space-8)}.demo-section--stack.svelte-1n9uibl{align-items:start}.demo-section__copy.svelte-1n9uibl{display:grid;gap:var(--cw-space-2)}.demo-scenario-list.svelte-1n9uibl{display:grid;gap:var(--cw-space-3);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.demo-scenario-button.svelte-1n9uibl{align-items:flex-start;background:var(--cw-bg-elevated);border:1px solid color-mix(in srgb,var(--cw-border-default) 74%,transparent);border-radius:var(--cw-radius-xl);color:var(--cw-text-primary);cursor:pointer;display:grid;gap:.32rem;padding:.95rem 1rem;text-align:left;transition:transform var(--cw-duration-fast) var(--cw-ease-default),box-shadow var(--cw-duration-fast) var(--cw-ease-default),border-color var(--cw-duration-fast) var(--cw-ease-default)}.demo-scenario-button.svelte-1n9uibl:hover{transform:translateY(-1px)}.demo-scenario-button--active.svelte-1n9uibl{background:color-mix(in srgb,#1a5662 14%,var(--cw-bg-surface));border-color:color-mix(in srgb,#1a5662 72%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 18%,transparent),0 16px 24px color-mix(in srgb,#1a5662 18%,transparent);transform:translateY(-1px)}.demo-scenario-button.svelte-1n9uibl span:where(.svelte-1n9uibl){font-size:var(--cw-text-base);font-weight:var(--cw-font-semibold)}.demo-scenario-button--active.svelte-1n9uibl span:where(.svelte-1n9uibl){color:var(--cw-text-primary)}.demo-scenario-button.svelte-1n9uibl small:where(.svelte-1n9uibl){color:var(--cw-text-muted);font-size:var(--cw-text-xs)}.demo-scenario-button--active.svelte-1n9uibl small:where(.svelte-1n9uibl){color:var(--cw-text-secondary)}.demo-controls.svelte-1n9uibl{display:grid;gap:var(--cw-space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.demo-slider.svelte-1n9uibl,.demo-live-card.svelte-1n9uibl{background:color-mix(in srgb,var(--cw-bg-muted) 44%,white);border:1px solid color-mix(in srgb,var(--cw-border-default) 74%,transparent);border-radius:1.1rem;display:grid;gap:.55rem;padding:1rem}.demo-slider__label.svelte-1n9uibl,.demo-live-card__label.svelte-1n9uibl{color:var(--cw-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.demo-slider.svelte-1n9uibl input:where(.svelte-1n9uibl){accent-color:#1a5662;width:100%}.demo-slider.svelte-1n9uibl strong:where(.svelte-1n9uibl),.demo-live-card.svelte-1n9uibl strong:where(.svelte-1n9uibl){font-size:var(--cw-text-lg);font-variant-numeric:tabular-nums}.demo-live-card.svelte-1n9uibl p:where(.svelte-1n9uibl){color:var(--cw-text-secondary);font-size:var(--cw-text-sm);line-height:1.55;margin:0}