:root{--cw-rule: color-mix(in srgb, var(--zbk-app-border) 28%, var(--zbk-app-canvas));--cw-demo-paper: var(--zbk-brand-50);--cw-demo-rose: var(--zbk-accent-primary-100);--cw-demo-ink: var(--zbk-brand-800);--cw-demo-dark-text: var(--zbk-brand-900);--cw-demo-light-text: var(--zbk-brand-100);--zbk-focus-color: var(--zbk-action-ink);--zbk-button-focus-color: var(--zbk-action-ink);--zbk-link-focus-color: var(--zbk-action-ink);--zbk-toggle-focus-color: var(--zbk-action-ink)}html{scroll-behavior:smooth;scroll-padding-block-start:2rem;font-synthesis:none}html[data-zbk-theme=light]{color-scheme:light}html[data-zbk-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-inline-size:0;background:var(--zbk-app-canvas);color:var(--zbk-app-ink)}a{color:var(--zbk-action-ink);text-underline-offset:.2em;text-decoration-thickness:.065em}a:hover{color:var(--zbk-action-ink-emphasis)}:focus-visible{outline:3px solid var(--zbk-focus-color);outline-offset:4px}button,summary,input[type=range],a{cursor:pointer}img,svg{max-inline-size:100%}::selection{background:var(--zbk-brand-200);color:var(--zbk-brand-900)}.visually-hidden{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;inset:1rem auto auto 1rem;z-index:100;padding:.75rem 1rem;max-inline-size:calc(100% - 2rem);background:var(--zbk-app-canvas);transform:translateY(-200%);border:2px solid currentColor;border-radius:var(--zbk-border-radius-sm)}.skip-link:focus{transform:none}.masthead{padding:1rem clamp(1rem,4vw,4rem) 1.5rem;background:var(--zbk-brand-100);border-block-end:1px solid var(--cw-rule)}.header-tools{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;max-inline-size:78rem;margin-inline:auto}.header-tools>:last-child{justify-self:end}.signature-link{inline-size:2.25rem;block-size:2.25rem;color:var(--zbk-brand-700)}.signature-link svg{display:block;inline-size:100%;block-size:100%}.font-control{display:flex;align-items:center;gap:.25rem;color:var(--zbk-brand-700)}.font-control>span{font-size:1.15rem;min-inline-size:1.7rem;text-align:center}.font-control__small{font-size:.75em}.brand-intro{max-inline-size:56rem;margin:1rem auto 1.5rem;text-align:center}.eyebrow,.section-index{display:block;font-family:var(--zbk-font-family-code);font-size:var(--zbk-font-size-2xs);font-weight:500;letter-spacing:.075em;line-height:1.7;text-transform:uppercase}.wordmark{margin:0;color:var(--zbk-brand-700);font-family:var(--zbk-font-family-primary);font-size:clamp(2.5rem,7.3vw,5rem);font-weight:800;letter-spacing:-.065em;line-height:1.12}.wordmark__part{display:inline-block}.wordmark__hyphen{color:var(--zbk-accent-primary-700);padding-inline:.025em}.hero-description{margin:1rem auto 0;max-inline-size:42rem;color:var(--zbk-brand-700);font-size:var(--zbk-font-size-md);line-height:1.6}.hero-description strong{font-weight:750;color:var(--zbk-brand-800)}.hero-example{max-inline-size:58rem;margin-inline:auto}.hero-caption{text-align:center;font-size:var(--zbk-font-size-xs);line-height:1.7;color:var(--zbk-brand-700);margin:1.25rem 0 0}.docs-layout{display:grid;grid-template-columns:minmax(0,1fr) 14rem;grid-template-areas:"content rail";gap:clamp(2rem,5.5vw,5rem);inline-size:min(100%,78rem);margin-inline:auto;padding:3.5rem clamp(1rem,4vw,3rem) 5rem;align-items:start}.docs-column{grid-area:content;min-inline-size:0}.docs-rail{grid-area:rail;align-self:stretch}.rail-sticky{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1.75rem}.quick-links{padding:1.25rem 1.15rem;border:1px solid var(--cw-rule);border-radius:var(--zbk-border-radius-lg);background:var(--zbk-app-canvas-subtle);box-shadow:.4rem .4rem 0 var(--zbk-brand-100)}.quick-links h2{margin:0 0 .875rem;color:var(--zbk-brand-700);font-family:var(--zbk-font-family-heading);font-size:var(--zbk-h3-font-size);font-weight:700;line-height:1.3}.cw-toc>p{display:none}.cw-toc ul{display:flex;flex-direction:column;gap:.55rem;padding:0;margin:0;list-style:none}.cw-toc a{display:block;font-size:var(--zbk-font-size-sm);line-height:1.6;text-decoration-color:color-mix(in srgb,var(--zbk-action-ink) 35%,transparent)}.cw-toc a[aria-current=true]{font-weight:800;text-decoration-thickness:.15em}.project-links{display:flex;flex-direction:column;gap:.5rem;margin-block-start:1rem;padding-block-start:1rem;border-block-start:1px solid var(--cw-rule);font-size:var(--zbk-font-size-sm)}.back-to-top{align-self:start;font-size:var(--zbk-font-size-sm)}.mobile-docs-nav{display:none}.mobile-docs-nav zbk-disclosure{margin:0}.capability-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding-block-end:2rem;border-block-end:1px solid var(--cw-rule);margin-block-end:3rem}.capability-intro h2{font-family:var(--zbk-font-family-heading);font-size:1.55rem;font-weight:700;color:var(--zbk-brand-700);line-height:1.3;margin:0 0 .6rem}.capability-intro p{font-size:var(--zbk-p-font-size);line-height:var(--zbk-p-line-height);margin:0}.docs-section{scroll-margin-block-start:2rem}.docs-section+.docs-section{padding-block-start:3rem;margin-block-start:3rem;border-block-start:1px solid var(--cw-rule)}.docs-section .section-index{color:var(--zbk-accent-primary-700);margin:0 0 .5rem}.docs-section>h2{margin-block:0 1.25rem}.prose h3>code{font-size:inherit}.docs-section>h3{margin-block:2rem .75rem}.docs-section>p{margin-block:.875rem 1.25rem}:where(.prose,.lab-readout) :not(pre)>code{background:var(--zbk-prose-code-canvas);color:var(--zbk-prose-code-ink);border:var(--zbk-border-width-xs) solid var(--zbk-info-border);border-radius:var(--zbk-prose-code-inline-border-radius);padding:.1em .3em;font-size:var(--zbk-prose-code-font-size);overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone}.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-block:1.75rem}.import-grid h3{font-family:var(--zbk-font-family-heading);color:var(--zbk-brand-700);font-size:var(--zbk-h3-font-size);margin:0 0 .5rem}.import-grid>div{min-inline-size:0}.import-grid>div>code{font-size:var(--zbk-font-size-xs)}.import-grid p{font-size:var(--zbk-p-font-size);margin:.6rem 0 0;line-height:var(--zbk-p-line-height)}.prose .note{padding:1.25rem;border:1px solid var(--zbk-info-border);border-inline-start-width:3px;border-radius:var(--zbk-border-radius-md);background:var(--zbk-info-canvas-subtle);color:var(--zbk-info-ink);font-size:var(--zbk-p-font-size)}.class-convention{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-block:1.5rem}.class-convention>code{padding:.5rem .75rem;font-size:var(--zbk-font-size-xs)}.small-copy{font-size:var(--zbk-font-size-xs);color:var(--zbk-app-ink-muted);line-height:1.75}.shiki,.shiki span{color:var(--shiki-light)}[data-zbk-theme=dark] .shiki,[data-zbk-theme=dark] .shiki span{color:var(--shiki-dark)}zbk-code-block{display:block;min-inline-size:0;margin-block:1rem}zbk-tabs section{min-inline-size:0}zbk-tabs section>p{font-size:var(--zbk-p-font-size);line-height:var(--zbk-p-line-height)}zbk-disclosure{display:block;margin-block:.75rem}.example-heading{margin-block:2.75rem 1rem}.example-heading h3{color:var(--zbk-brand-700);font-family:var(--zbk-font-family-heading);font-size:var(--zbk-h3-font-size);font-weight:700;line-height:1.4;margin:0}.example-heading p{font-size:var(--zbk-p-font-size);margin:.6rem 0 0;line-height:var(--zbk-p-line-height)}.rule-note{border:1px solid var(--zbk-info-border);border-inline-start-width:3px;padding:1.25rem;margin-block-start:1.75rem;border-radius:var(--zbk-border-radius-md);background:var(--zbk-info-canvas-subtle);color:var(--zbk-info-ink)}.rule-note strong{font-family:var(--zbk-font-family-heading);font-size:var(--zbk-h3-font-size);color:inherit}.rule-note p{color:inherit;font-size:var(--zbk-p-font-size);margin:.5rem 0 0;line-height:var(--zbk-p-line-height)}.overlap-lab,.cw-viewport-demo{border:1px solid var(--cw-rule);border-radius:var(--zbk-border-radius-lg);background:var(--zbk-app-canvas-subtle)}.cw-viewport-demo{container-type:inline-size}.example-bar{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding:.75rem 1rem;color:var(--zbk-app-ink-muted);border-block-end:1px solid var(--cw-rule);font-size:var(--zbk-font-size-2xs);font-family:var(--zbk-font-family-code);border-radius:var(--zbk-border-radius-lg) var(--zbk-border-radius-lg) 0 0}.live-label{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--zbk-font-family-code);font-size:var(--zbk-font-size-2xs);color:var(--zbk-app-ink-muted);line-height:1.6}.live-dot{inline-size:.4rem;block-size:.4rem;border-radius:100%;background:var(--zbk-accent-secondary-600);flex:0 0 auto}.lab-scene{position:relative;min-block-size:15rem;display:flex;isolation:isolate}.lab-zone{position:absolute;inset-block:0;inline-size:33.334%;color:var(--cw-demo-dark-text)}.lab-zone--paper{inset-inline-start:0;background:var(--cw-demo-paper)}.lab-zone--rose{inset-inline-start:33.333%;background:var(--cw-demo-rose)}.lab-zone--ink{inset-inline-start:66.666%;background:var(--cw-demo-ink);color:var(--cw-demo-light-text)}.zone-caption{display:block;padding:1rem;font-size:var(--zbk-font-size-2xs);font-family:var(--zbk-font-family-code);letter-spacing:.025em;overflow-wrap:anywhere}.lab-track{position:absolute;inset-block-start:55%;inset-inline:5%;border-block-start:1px dashed var(--zbk-brand-400);opacity:.4;pointer-events:none}.lab-target,.lab-secondary{--target-ink: var(--cw-demo-dark-text);position:absolute;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.25rem;border:1px solid currentColor;color:var(--target-ink);background:var(--cw-demo-paper);border-radius:var(--zbk-border-radius-md);transform:translate(-50%,-50%);line-height:1.4;font-size:var(--zbk-font-size-xs);font-weight:700}.lab-target>:last-child,.lab-secondary>:last-child{min-inline-size:0;overflow-wrap:anywhere}.target-type,.secondary-mark{flex:0 0 auto;white-space:nowrap}.lab-target{inset-block-start:55%;inset-inline-start:calc(19% + var(--position) * .62%);inline-size:15rem;max-inline-size:38%}.lab-target:is(.over-rose,.on-rose){--target-ink: var(--zbk-accent-primary-800);background:var(--cw-demo-rose)}.lab-target:is(.over-ink,.on-ink),.lab-secondary.over-ink{--target-ink: var(--cw-demo-light-text);background:var(--cw-demo-ink)}.target-type{font-family:var(--zbk-font-family-heading);font-size:2rem;line-height:1}.target-caption{display:block;margin-block-start:.2rem;font-family:var(--zbk-font-family-code);font-weight:400;font-size:var(--zbk-font-size-2xs);overflow-wrap:anywhere}.lab-secondary{inset-block-start:76%;inset-inline-start:calc(78% - var(--position) * .56%);font-size:var(--zbk-font-size-2xs);gap:.6rem;padding:.6rem .85rem;max-inline-size:38%}.lab-secondary.over-rose{--target-ink: var(--zbk-accent-primary-800);background:var(--cw-demo-rose)}.secondary-mark{font-size:1.4rem}.lab-zone--outer,.lab-zone--empty{inset-inline:0;inline-size:100%;background:var(--cw-demo-paper)}.lab-zone--nested{inset:18% 28%;inline-size:44%;background:var(--cw-demo-ink);color:var(--cw-demo-light-text);border-radius:var(--zbk-border-radius-md)}.lab-zone--half{inset-block:25% 15%;inline-size:22%;background:var(--cw-demo-rose)}.lab-zone--half-a{inset-inline-start:28%;border-radius:.5rem 0 0 .5rem}.lab-zone--half-b{inset-inline-start:50%;border-inline-start:1px dashed var(--zbk-accent-primary-400);border-radius:0 .5rem .5rem 0}.lab-zone--half-b .zone-caption{text-align:end}.lab-zone--duplicate{background:repeating-linear-gradient(135deg,transparent 0 8px,color-mix(in srgb,var(--zbk-accent-primary-400) 30%,transparent) 8px 9px);border:1px dashed var(--zbk-accent-primary-700)}.lab-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"scene scene" "movement threshold" "position threshold";gap:0 1.5rem}.lab-scene{grid-area:scene}.movement-label{grid-area:movement;margin:1rem 0 .5rem 1.15rem}.position-control{grid-area:position;margin:0 0 .65rem 1.15rem}.threshold-control{grid-area:threshold;align-self:center;padding:1rem 1.15rem .65rem 0}.range-field{min-inline-size:0}.range-field label,.movement-label{display:flex;justify-content:space-between;gap:.5rem;font-size:var(--zbk-font-size-sm);font-weight:600;line-height:1.7;color:var(--zbk-app-ink)}.range-field label{margin-block-end:.5rem}.range-field output{font-family:var(--zbk-font-family-code);font-size:var(--zbk-font-size-2xs);white-space:nowrap}.range-field input{display:block;inline-size:100%;min-inline-size:0;block-size:1.75rem;margin:0;accent-color:var(--zbk-brand-600)}.lab-readout{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.5rem;padding:.75rem 1.15rem 1.25rem;font-size:var(--zbk-font-size-xs);color:var(--zbk-app-ink-muted)}.lab-readout>div{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-inline-size:0}.lab-readout code{padding:.25rem .5rem}.lab-extra{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.25rem 1.15rem 1rem}.lab-extra>span{font-size:var(--zbk-font-size-2xs);color:var(--zbk-app-ink-muted)}.event-detail pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--zbk-font-size-xs);line-height:1.7}.overlap-lab--compact{box-shadow:0 .5rem color-mix(in srgb,var(--zbk-brand-700) 5%,transparent)}.overlap-lab--compact .lab-scene{min-block-size:14rem}.overlap-lab--compact .lab-target{inset-block-start:38%}.overlap-lab--compact .lab-secondary{inset-block-start:78%}.overlap-lab--compact .lab-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"scene" "movement" "position"}.overlap-lab--compact :is(.movement-label,.position-control){inline-size:min(100% - 2.3rem,25rem);justify-self:center;margin-inline:0}.overlap-lab--compact .lab-readout{justify-content:center}.lab-target--shadow{--shadow-color: var(--zbk-brand-700);background:var(--cw-demo-paper)!important;--target-ink: var(--cw-demo-dark-text) !important;box-shadow:0 12px 32px -8px color-mix(in srgb,var(--shadow-color) 60%,transparent);border-color:color-mix(in srgb,var(--shadow-color) 40%,transparent)}.lab-target--shadow svg{inline-size:1.5rem;flex:0 0 auto}.lab-target--shadow.over-rose{--shadow-color: var(--zbk-accent-primary-600)}.lab-target--shadow.over-ink{--shadow-color: var(--zbk-brand-300)}.viewport-demo__body{display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem;padding:1.5rem;align-items:center}.viewport-demo__state .eyebrow{color:var(--zbk-app-ink-muted);font-size:var(--zbk-font-size-2xs)}.viewport-demo__state .viewport-value{color:var(--zbk-brand-700);font-family:var(--zbk-font-family-heading);font-size:var(--zbk-h3-font-size);font-weight:700;line-height:1.3;margin:.6rem 0 1rem}.viewport-states{display:flex;flex-wrap:wrap;gap:.35rem}.viewport-states>span{font-family:var(--zbk-font-family-code);font-size:var(--zbk-font-size-2xs);border:1px solid var(--cw-rule);padding:.25rem .4rem;border-radius:.25rem}.viewport-states>span.active{color:var(--zbk-brand-100);background:var(--zbk-brand-700);border-color:var(--zbk-brand-700);font-weight:700}.viewport-demo__state .small-copy{font-size:var(--zbk-font-size-xs)}.viewport-demo__reference-area{min-inline-size:0;padding:1rem;background:repeating-linear-gradient(-45deg,var(--zbk-brand-100) 0 6px,var(--zbk-app-canvas-subtle) 6px 12px);border:1px solid var(--cw-rule);border-radius:var(--zbk-border-radius-md)}.viewport-beacon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:2rem .5rem;min-block-size:14rem;background:var(--zbk-accent-secondary-100);border:1px solid var(--zbk-accent-secondary-600);border-radius:.25rem;color:var(--zbk-accent-secondary-900)}.viewport-beacon strong{font-family:var(--zbk-font-family-heading);font-size:1.8rem}.viewport-beacon code{font-size:var(--zbk-font-size-2xs);background:transparent}.viewport-missing{display:grid;place-content:center;text-align:center;min-block-size:14rem}.viewport-missing>span{font-family:var(--zbk-font-family-heading);font-size:3rem;color:var(--zbk-app-ink-muted)}.viewport-missing p{font-size:var(--zbk-font-size-xs)}.declarative-example{padding:1rem 1.25rem;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;border:1px solid var(--cw-rule);border-radius:.4rem;font-size:var(--zbk-font-size-xs)}.declarative-state{font-family:var(--zbk-font-family-code);font-weight:700}.cw-reference-above .declarative-state:after{content:"cw-reference-above"}.cw-reference-within .declarative-state:after{content:"cw-reference-within"}.cw-reference-below .declarative-state:after{content:"cw-reference-below"}.cw-reference-missing .declarative-state:after{content:"cw-reference-missing"}.table-scroll{overflow-x:auto;margin-block:1.5rem;max-inline-size:100%;border:1px solid var(--cw-rule);border-radius:.5rem}.table-scroll table{inline-size:100%;border-collapse:collapse;font-size:var(--zbk-font-size-xs);line-height:1.8}.table-scroll caption{text-align:start;padding:.75rem 1rem;background:var(--zbk-brand-100);font-family:var(--zbk-font-family-code);font-size:var(--zbk-font-size-2xs)}.table-scroll th,.table-scroll td{text-align:start;vertical-align:top;padding:.875rem 1rem;border-block-end:1px solid var(--cw-rule)}.table-scroll thead th{font-size:var(--zbk-font-size-xs);color:var(--zbk-app-ink-muted);font-weight:600}.table-scroll tbody th{inline-size:40%;font-weight:500}.table-scroll tbody tr:last-child>*{border-block-end:0}.table-default{display:block;font-family:var(--zbk-font-family-code);font-size:var(--zbk-font-size-2xs);margin-block-start:.4rem;color:var(--zbk-app-ink-muted);overflow-wrap:anywhere}.api-list{margin:1rem 0}.api-list>div{padding-block:1rem;border-block-end:1px solid var(--cw-rule)}.api-list dt{font-size:var(--zbk-font-size-sm);font-weight:600}.api-list dt code{font-size:inherit}.api-list dd{margin:.5rem 0 0;font-size:var(--zbk-p-font-size);line-height:var(--zbk-p-line-height)}.how-it-works{padding-inline-start:1.4rem}.how-it-works li{margin-block:1rem;padding-inline-start:.4rem;font-size:var(--zbk-p-font-size);line-height:var(--zbk-p-line-height)}.limits-list{margin-block:1.5rem}.limits-list>div{padding-block:1.25rem;border-block-start:1px solid var(--cw-rule)}.limits-list dt{font-family:var(--zbk-font-family-heading);font-size:var(--zbk-h3-font-size);font-weight:700;color:var(--zbk-brand-700)}.limits-list dd{margin:.5rem 0 0;font-size:var(--zbk-p-font-size);line-height:var(--zbk-p-line-height)}.prose .closing-copy{font-family:var(--zbk-font-family-heading);font-size:1.75rem;font-weight:700;color:var(--zbk-brand-700);margin-block:3rem 0}.closing-copy a{display:inline-block;font-family:var(--zbk-font-family-primary);font-size:var(--zbk-font-size-xs);font-weight:500;margin-block-start:.75rem}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.5rem clamp(1rem,5vw,4.5rem);background:var(--zbk-brand-200);color:var(--zbk-brand-800);font-size:var(--zbk-font-size-2xs);line-height:1.6}.site-footer a{color:inherit;font-size:inherit}.footer-project{display:flex;align-items:center;gap:1rem}.footer-mark{inline-size:2.5rem;block-size:2.5rem}.footer-project nav{display:flex;flex-wrap:wrap;gap:1rem}.footer-project nav a{display:inline-flex;align-items:center;gap:.25em;min-block-size:2.75rem}.site-footer>p{margin:0;font-size:inherit;line-height:inherit}[data-zbk-theme=dark] .masthead{background:var(--zbk-brand-900)}[data-zbk-theme=dark] :is(.hero-description,.hero-caption,.signature-link,.font-control,.wordmark){color:var(--zbk-brand-200)}[data-zbk-theme=dark] .hero-description strong{color:var(--zbk-brand-100)}[data-zbk-theme=dark] .wordmark__hyphen{color:var(--zbk-accent-primary-300)}[data-zbk-theme=dark] :is(.quick-links h2,.capability-intro h2,.import-grid h3,.example-heading h3,.viewport-demo__state .viewport-value,.limits-list dt,.prose .closing-copy){color:var(--zbk-brand-200)}[data-zbk-theme=dark] :is(.section-index,.docs-section .section-index){color:var(--zbk-accent-primary-300)}[data-zbk-theme=dark] .quick-links{box-shadow:.4rem .4rem 0 var(--zbk-brand-800)}[data-zbk-theme=dark] .table-scroll caption{background:var(--zbk-brand-800)}[data-zbk-theme=dark] .viewport-demo__reference-area{background:repeating-linear-gradient(-45deg,var(--zbk-brand-800) 0 6px,var(--zbk-app-canvas-subtle) 6px 12px)}[data-zbk-theme=dark] .site-footer{background:var(--zbk-brand-900);color:var(--zbk-brand-200)}@media(min-width:62rem){.docs-rail{grid-row:1}}@media(max-width:58rem){.docs-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"rail" "content";gap:2.5rem;padding-block-start:2rem}.desktop-docs-nav{display:none}.mobile-docs-nav{display:block}}@media(max-width:38rem){.masthead{padding-block:1rem 2rem}.header-tools{grid-template-columns:1fr 1fr;gap:.5rem}.font-control{justify-self:end;gap:0}.header-theme{grid-column:1 / -1}.font-control>span{font-size:1rem;min-inline-size:1rem}.signature-link{inline-size:1.75rem;block-size:1.75rem}.brand-intro{margin-block:2.5rem 2rem}.desktop-break{display:none}.hero-caption{font-size:var(--zbk-font-size-2xs);padding-inline:.5rem}.example-bar{font-size:var(--zbk-font-size-2xs);padding:.65rem .75rem}.example-bar>:last-child{font-size:var(--zbk-font-size-2xs)}.capability-intro{grid-template-columns:minmax(0,1fr);gap:1.5rem}.capability-intro h2{font-size:1.3rem}.capability-intro p{font-size:var(--zbk-p-font-size)}.import-grid{grid-template-columns:1fr;gap:1.5rem}.example-heading h3{font-size:var(--zbk-h3-font-size)}.table-scroll th,.table-scroll td{padding-inline:.75rem}.site-footer{padding-block:1.25rem;gap:.75rem}}.overlap-lab--vertical{--cw-stage-size: 22rem}.overlap-lab--vertical .lab-workspace{grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"movement movement" "scene position" "threshold threshold";gap:8px;padding:12px 12px 8px}.overlap-lab--vertical .movement-label{inline-size:100%;margin:0}.overlap-lab--vertical .position-control{display:flex;align-items:center;justify-content:center;margin:0;inline-size:auto;min-block-size:0}.overlap-lab--vertical .position-control input{writing-mode:vertical-lr;direction:ltr;width:44px;height:var(--cw-stage-size);touch-action:none}.overlap-lab--vertical .threshold-control{padding:.25rem 0 0}.overlap-lab--vertical .lab-scene{min-block-size:var(--cw-stage-size);border:1px solid var(--cw-rule);border-radius:var(--zbk-border-radius-md)}.overlap-lab--vertical .lab-zone{inset-inline:0;inline-size:100%;block-size:33.334%}.overlap-lab--vertical .lab-zone--paper{inset-block:0 auto}.overlap-lab--vertical .lab-zone--rose{inset-block:33.333% auto}.overlap-lab--vertical .lab-zone--ink{inset-block:66.666% auto}.overlap-lab--vertical .zone-caption{padding:.65rem .75rem}.overlap-lab--vertical .lab-track{inset-block:5%;inset-inline:50% auto;border-block-start:0;border-inline-start:1px dashed var(--zbk-brand-400)}.overlap-lab--vertical .lab-target{inset-block-start:calc(17% + var(--position) * .66%);inset-inline-start:50%;inline-size:15rem;max-inline-size:88%;flex-direction:column;text-align:center;padding:12px;gap:8px;font-size:var(--zbk-font-size-xs)}.overlap-lab--vertical .lab-target--shadow svg{display:none}.overlap-lab--vertical .lab-target .target-caption{display:none}.overlap-lab--vertical .target-type{font-size:1.75rem}.overlap-lab--vertical .lab-zone--outer,.overlap-lab--vertical .lab-zone--empty{inset:0;block-size:100%}.overlap-lab--vertical .lab-zone--nested{inset:28% 8%;inline-size:84%;block-size:44%}.overlap-lab--vertical .lab-zone--half{inset-inline:8%;inline-size:84%;block-size:22%}.overlap-lab--vertical .lab-zone--half-a{inset-block:28% auto;border-radius:.5rem .5rem 0 0}.overlap-lab--vertical .lab-zone--half-b{inset-block:50% auto;border-inline-start:0;border-block-start:1px dashed var(--zbk-accent-primary-400);border-radius:0 0 .5rem .5rem}.overlap-lab--vertical .lab-zone--half-b .zone-caption{text-align:end}.overlap-lab--vertical.overlap-lab--compact .lab-target{inset-inline-start:26%;max-inline-size:42%;min-block-size:4rem;padding:.5rem .25rem}.overlap-lab--vertical.overlap-lab--compact .lab-target .target-type{font-size:min(1.5rem,8vw)}.overlap-lab--vertical.overlap-lab--compact .target-copy{display:none}.overlap-lab--vertical.overlap-lab--compact .lab-secondary{inset-inline-start:74%;inset-block-start:calc(83% - var(--position) * .66%);inline-size:42%;max-inline-size:42%;min-block-size:4rem;padding:.5rem .25rem}.overlap-lab--vertical.overlap-lab--compact .lab-track{display:none}.overlap-lab--vertical .lab-readout{gap:8px 16px;padding:8px 12px 12px}.overlap-lab--vertical .lab-extra{align-items:stretch;flex-direction:column;gap:.5rem;padding:0 12px 12px}@container (max-width: 35rem){.viewport-demo__body{grid-template-columns:minmax(0,1fr);padding:.75rem;gap:.75rem}.viewport-demo__reference-area{padding:.5rem}.viewport-beacon{min-block-size:6rem;padding-block:.75rem;gap:.5rem}.viewport-demo__state zbk-button{display:block}}@media(prefers-reduced-motion:no-preference){.lab-target--shadow{transition:box-shadow .18s ease,border-color .18s ease}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(forced-colors:active){.lab-target,.lab-secondary{border:2px solid CanvasText;background:Canvas;color:CanvasText}.live-dot{forced-color-adjust:none;background:CanvasText}.viewport-states>span.active{border:2px solid Highlight}}