.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-card-radius, var(--cw-radius-xl));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--loading.svelte-1x46qes .cw-vpd-chart__cell:where(.svelte-1x46qes){filter:saturate(.2);opacity:.5;animation:svelte-1x46qes-cw-vpd-pulse 1.4s var(--cw-ease-default) infinite}@keyframes svelte-1x46qes-cw-vpd-pulse{50%{opacity:.3}}.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-size:var(--cw-text-xl);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-size:var(--cw-text-xs);font-variant-numeric:tabular-nums;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-size:var(--cw-text-xs);font-variant-numeric:tabular-nums;font-weight:var(--cw-font-bold);padding-right:var(--cw-space-2);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:var(--cw-radius-sm);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}.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 currentColor,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){font-size:var(--cw-text-sm);font-weight:900;letter-spacing:-.01em;position:relative;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:var(--cw-radius-full);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:var(--cw-text-xs);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:var(--cw-space-2) var(--cw-space-4)}.cw-vpd-chart__legend-zones.svelte-1x46qes{display:flex;flex-wrap:wrap;gap:var(--cw-space-1) var(--cw-space-3);list-style:none;margin:0;padding:0}.cw-vpd-chart__legend-zones.svelte-1x46qes li:where(.svelte-1x46qes){align-items:center;display:inline-flex;gap:var(--cw-space-1)}.cw-vpd-chart__legend-zone.svelte-1x46qes{border-radius:var(--cw-radius-sm);display:inline-block;height:.625rem;width:.625rem}.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{background:var(--cw-bg-muted);border-radius:var(--cw-radius-sm);box-shadow:inset 0 0 0 2px var(--cw-text-primary),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:480px){.cw-vpd-chart.svelte-1x46qes{padding:var(--cw-space-3)}}@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}}.demo-state-grid.svelte-1n9uibl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(24rem,100%),1fr));gap:var(--cw-space-4)}.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--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,var(--cw-accent) 14%,var(--cw-bg-surface));border-color:color-mix(in srgb,var(--cw-accent) 72%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cw-bg-surface-elevated) 18%,transparent),0 16px 24px color-mix(in srgb,var(--cw-accent) 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%,var(--cw-bg-surface-elevated));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:var(--cw-accent);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}