.storyboard{container:storyboard/inline-size}.storyboard__dock{z-index:90;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--surface);box-shadow:0 6px 12px color-mix(in srgb, var(--ink) 8%, transparent);display:grid;position:sticky;inset-block-start:calc(var(--site-header-height) + env(safe-area-inset-top))}.storyboard__scene-picker{min-inline-size:0}.storyboard__tabs{gap:var(--space-1);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));display:grid}.storyboard__tab{appearance:none;min-block-size:44px;min-inline-size:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);color:var(--muted);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:650;line-height:var(--line-height-normal);overflow-wrap:anywhere;text-align:center;cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;display:inline-flex}.storyboard__tab:is(:hover,:focus-visible){color:var(--ink);background:var(--subtle)}.storyboard__tab[aria-selected=true]{color:var(--on-brand);background:var(--brand-yellow);border-color:var(--brand-yellow)}.storyboard__tab:focus-visible,.storyboard__playback:focus-visible,.storyboard__advance:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.storyboard__trace-controls{justify-content:space-between;align-items:center;gap:var(--space-2);min-inline-size:0;display:flex}.storyboard__trace-meta{gap:2px;min-inline-size:0;display:grid}.storyboard__progress{border-radius:var(--radius-pill);background:var(--border-strong);block-size:5px;inline-size:min(12rem,100%);accent-color:var(--brand-yellow);border:0;overflow:hidden}.storyboard__progress::-webkit-progress-bar{background:var(--border-strong)}.storyboard__progress::-webkit-progress-value{background:var(--brand-yellow)}.storyboard__progress::-moz-progress-bar{background:var(--brand-yellow)}.storyboard__progress-text,.storyboard__status{min-inline-size:0;color:var(--muted);font-size:var(--font-size-xs);line-height:var(--line-height-normal);overflow-wrap:anywhere}.storyboard__status{color:var(--faint)}.storyboard__actions{justify-content:flex-end;gap:var(--space-1);flex-wrap:wrap;flex:none;display:flex}.storyboard__playback,.storyboard__advance{appearance:none;min-block-size:44px;min-inline-size:0;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit;font-size:var(--font-size-sm);font-weight:650;line-height:var(--line-height-normal);text-align:center;cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;margin:0;display:inline-flex}.storyboard__playback:is(:hover,:focus-visible){border-color:var(--border-strong);background:var(--subtle)}.storyboard__advance{gap:var(--space-2);border-color:var(--brand-yellow);background:var(--brand-yellow);color:var(--on-brand)}.storyboard__advance:is(:hover,:focus-visible){border-color:var(--accent-text);background:var(--accent-veil-strong)}[dir=rtl] .storyboard__advance-icon{transform:scaleX(-1)}.storyboard__annotation{min-inline-size:0;padding-block:var(--space-1);border-inline-start:3px solid var(--brand-yellow-strong);padding-inline-start:var(--space-3)}.storyboard__annotation-heading{align-items:center;gap:var(--space-1);min-inline-size:0;margin:0 0 var(--space-1);color:var(--muted);font-size:var(--font-size-xs);letter-spacing:.1em;font-weight:700;line-height:var(--line-height-normal);text-transform:uppercase;flex-wrap:wrap;display:flex}.storyboard__annotation-mark{inline-size:var(--space-1);block-size:var(--space-1);background:var(--brand-yellow);flex:none}.storyboard__annotation-phase{border-inline-start:1px solid var(--border);padding-inline-start:var(--space-2)}.storyboard__annotation-body{max-inline-size:72ch;color:var(--ink);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.storyboard__stage{min-inline-size:0}.storyboard:not([data-storyboard-enhanced=true]) [data-storyboard-scene]{display:none}.storyboard:not([data-storyboard-enhanced=true]) [data-storyboard-scene]:first-child,.storyboard:not([data-storyboard-enhanced=true]) [data-storyboard-scene]:target{display:block}.storyboard:not([data-storyboard-enhanced=true]) .storyboard__stage:has([data-storyboard-scene]:target) [data-storyboard-scene]:first-child:not(:target){display:none}.storyboard[data-storyboard-static-mode=complete]:not([data-storyboard-enhanced=true]) [data-storyboard-scene]{display:block}.storyboard[data-storyboard-enhanced=true] [data-storyboard-scene][hidden],.storyboard[data-storyboard-enhanced=true] [data-storyboard-step][hidden]{display:none}@media (prefers-reduced-motion:reduce){.storyboard__dock{box-shadow:none}}@media (width<=1024px){.storyboard__trace-controls{flex-direction:column;align-items:stretch}.storyboard__trace-meta{grid-template-columns:minmax(0,1fr);align-items:start}.storyboard__progress{inline-size:100%}.storyboard__actions{grid-template-columns:minmax(0,1fr);display:grid}.storyboard__playback,.storyboard__advance{inline-size:100%;padding-inline:var(--space-2);overflow-wrap:anywhere}}@container storyboard (width<=40rem){.storyboard__trace-controls{flex-direction:column;align-items:stretch}.storyboard__trace-meta{grid-template-columns:minmax(0,1fr);align-items:start}.storyboard__progress{inline-size:100%}.storyboard__actions{grid-template-columns:minmax(0,1fr);display:grid}.storyboard__playback,.storyboard__advance{inline-size:100%;padding-inline:var(--space-2);overflow-wrap:anywhere}}@media (width<=640px){.storyboard__dock{padding:var(--space-2)}.storyboard__scene-picker{margin-inline:calc(-1 * var(--space-2));overflow:hidden}.storyboard__tabs{gap:var(--space-1);padding-inline:var(--space-2);overscroll-behavior-inline:contain;scroll-padding-inline:var(--space-2);scroll-snap-type:inline proximity;scrollbar-width:thin;grid-template-columns:none;display:flex;overflow-x:auto}.storyboard__tab{scroll-snap-align:start;flex:0 0 min(72vw,13rem)}}