.context-stack{position:relative;display:grid;background:var(--surface);contain:layout paint}.app-chrome[data-context-layout=flow] .context-stack{grid-row:2}.app-chrome[data-context-layout=overlay] .context-stack{position:absolute;inset-inline:0;top:100%}.context-stack__row{background:transparent}.context-stack__row--current{height:var(--context-row-height)}.context-stack__row--trail{height:var(--context-trail-row-height)}.context-stack__row+.context-stack__row{box-shadow:inset 0 1px 0 var(--chrome-divider)}.context-stack__row--current[data-surface=dark]{background:var(--canvas);box-shadow:inset 0 1px 0 var(--line)}.context-stack__row--trail .context-stack__icon{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-surface);box-shadow:none}.context-stack__row--trail.context-stack__row--entity .context-stack__icon{width:var(--space-6);height:var(--space-6);box-shadow:none}.context-stack__row--trail .context-stack__icon--profile{border-radius:var(--radius-circle)}.context-stack__row--trail.context-stack__row--collection .context-stack__icon{width:var(--space-5);height:var(--space-5)}.context-stack__row--trail .context-stack__title{font-size:var(--text-sm);font-weight:var(--weight-medium)}.context-stack__row--trail.context-stack__row--entity .context-stack__title{font-weight:var(--weight-medium)}.context-stack__row--trail .context-stack__eyebrow,.context-stack__row--trail .context-stack__meta{font-size:var(--text-2xs)}.context-stack__row--trail .context-stack__meta{min-height:1.25rem;line-height:1.25rem}.context-stack__row--current[data-surface=dark] .context-stack__meta,.context-stack__row--current[data-surface=dark] .context-stack__navigation{background:var(--surface-raised)}.context-stack__row--current[data-surface=dark] .context-stack__navigation-item[aria-current=page]{background:var(--surface-inverse);color:var(--ink-inverse)}.context-stack__row--current[data-surface=dark] .context-stack__navigation-item[aria-current=page] .context-stack__count{color:color-mix(in oklab,var(--ink-inverse) 56%,transparent)}.context-stack__inner{display:grid;grid-template-columns:var(--chrome-grid-columns);align-items:center;column-gap:var(--space-6);width:100%;max-width:var(--width-full);height:100%;padding-inline:var(--chrome-inline-gutter);margin-inline:auto;overflow:hidden}.context-stack__identity{display:flex;align-items:center;grid-column:1;justify-self:start;gap:var(--space-2);max-width:100%;min-width:0;overflow:hidden}.context-stack__row--entity .context-stack__identity{gap:var(--space-2)}.context-stack__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);overflow:hidden;flex:none;border-radius:var(--radius-surface);background:var(--surface-sunken);color:var(--ink-muted)}.context-stack__row--entity .context-stack__icon{width:var(--size-control-sm);height:var(--size-control-sm);border-radius:var(--radius-surface);box-shadow:inset 0 0 0 1px var(--line)}.context-stack__icon--product{border-radius:var(--radius-surface);background:var(--surface-inverse);color:var(--ink-inverse)}.context-stack__icon--profile{border-radius:var(--radius-circle)}.context-stack__row--collection .context-stack__icon{width:var(--space-6);height:var(--space-6);border-radius:0;background:transparent;color:var(--ink-muted)}.context-stack__icon svg{width:var(--size-icon);height:var(--size-icon);fill:none;stroke:currentColor;stroke-width:var(--stroke-width);stroke-linecap:round;stroke-linejoin:round}.context-stack__icon-fallback{font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1}.context-stack__icon:has(svg) .context-stack__icon-fallback{display:none}.context-stack__icon-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.context-stack__titles{display:flex;align-items:baseline;gap:var(--space-2);min-width:0;overflow:hidden;line-height:var(--leading-none)}.context-stack__row--entity .context-stack__titles{min-width:10ch}.context-stack__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);flex:none;color:var(--ink-faint);font-size:var(--text-xs);font-weight:var(--weight-normal);letter-spacing:var(--track-normal);white-space:nowrap}.context-stack__eyebrow:before{content:"·";color:var(--ink-faint)}.context-stack__title{min-width:0;overflow:hidden;color:var(--ink);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:var(--track-snug);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.context-stack__row--entity .context-stack__title{font-weight:var(--weight-semibold)}.context-stack__title:hover{color:var(--accent)}.context-stack__meta{min-height:1.5rem;max-width:18ch;overflow:hidden;padding-inline:var(--space-2);flex:none;border-radius:var(--radius-surface);background:var(--surface-sunken);color:var(--ink-faint);font-size:var(--text-xs);line-height:1.5rem;text-overflow:ellipsis;white-space:nowrap}.context-stack__center{display:flex;align-items:center;justify-content:center;grid-column:2;gap:var(--space-2);min-width:0;overflow:hidden}.context-stack__controls{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-width:0}.context-stack__controls--inline{justify-content:flex-end;flex-wrap:wrap}.context-stack__control-group{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.context-stack__control-label{color:var(--ink-faint);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--track-wide);text-transform:uppercase;white-space:nowrap}.context-stack__control-options{display:inline-flex;align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-1);border-radius:var(--radius-surface);background:var(--surface-sunken)}.context-stack__control-option{display:inline-flex;align-items:center;justify-content:center;min-width:var(--size-control-sm);min-height:var(--size-icon-lg);padding-inline:var(--space-3);border-radius:var(--radius-surface);color:var(--ink-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--track-snug);text-decoration:none;white-space:nowrap;transition:var(--transition-colors)}.context-stack__control-option:hover{color:var(--ink)}.context-stack__control-option[aria-current=page]{background:var(--surface);color:var(--ink)}.context-stack__control-option[data-has-icon=true]{width:var(--size-icon-lg);min-width:var(--size-icon-lg);padding-inline:0}.context-stack__control-option svg{width:var(--size-icon);height:var(--size-icon);fill:none;stroke:currentColor;stroke-width:var(--stroke-width);stroke-linecap:round;stroke-linejoin:round}.context-stack__control-select-shell{position:relative;display:inline-flex;align-items:center;min-width:0}.context-stack__control-select{width:auto;min-width:7.5rem;height:var(--size-control-sm);padding:0 var(--space-8) 0 var(--space-3);appearance:none;border:0;border-radius:var(--radius-surface);background:var(--surface-sunken);color:var(--ink);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--track-snug);cursor:pointer}.context-stack__control-select-shell>svg{position:absolute;right:var(--space-3);width:var(--size-icon-sm);height:var(--size-icon-sm);fill:none;stroke:var(--ink-faint);stroke-width:var(--stroke-width);pointer-events:none}.context-stack__control-option:focus-visible,.context-stack__control-select:focus-visible{outline:0;box-shadow:var(--focus-ring)}.context-stack__navigation{display:flex;align-items:center;gap:var(--space-1);min-width:0;overflow-x:auto;scrollbar-width:none}.context-stack__navigation{padding:var(--space-1);background:var(--surface-sunken);border-radius:var(--radius-surface)}.context-stack__navigation::-webkit-scrollbar{display:none}.context-stack__navigation-item,.context-stack__action{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--size-control-sm);padding-inline:var(--space-4);flex:none;border-radius:var(--radius-surface);color:var(--ink-muted);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:var(--track-snug);text-decoration:none;white-space:nowrap;transition:var(--transition-colors)}.context-stack__navigation-item:hover{background:var(--surface-sunken);color:var(--ink)}.context-stack__navigation-item[aria-current=page]{background:var(--surface);color:var(--ink)}.context-stack__count{color:var(--ink-faint);font-size:var(--text-2xs)}.context-stack__action{grid-column:3;justify-self:end;background:var(--surface-sunken);color:var(--ink)}.context-stack__action:hover{background:var(--surface)}.context-stack__action[data-tone=accent]{background:var(--ink);color:var(--ink-inverse)}.context-stack__action[data-tone=accent]:hover{background:var(--ink-hover)}.context-boundary{position:absolute;display:block;width:1px;height:1px;opacity:0;pointer-events:none}[data-context-section]{position:relative}.context-boundary--start{top:calc(var(--app-persistent-chrome-height) * -1)}.context-boundary--end{bottom:calc(var(--app-persistent-chrome-height) + var(--context-row-height))}::view-transition-group(*){animation-duration:var(--duration-slow);animation-timing-function:var(--ease-out)}.context-chrome-preview{width:100%;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--chrome-surface)}.context-chrome-preview__header{border-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none}.context-chrome-preview[data-context-navigation=local] .context-chrome-preview__navigation{visibility:hidden;opacity:0;pointer-events:none}.context-chrome-preview__navigation>span{display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-control-sm);padding-inline:var(--space-4);border-radius:var(--radius-surface);color:var(--ink-muted);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:var(--track-snug)}.context-chrome-preview__navigation>.active{background:var(--surface);color:var(--ink)}.context-chrome-preview__avatar{width:var(--size-control-sm);height:var(--size-control-sm);border-radius:var(--radius-circle);background:radial-gradient(circle at 50% 38%,var(--ink-faint) 0 18%,transparent 19%),radial-gradient(circle at 50% 92%,var(--ink-faint) 0 36%,transparent 37%),var(--surface)}.context-stack--preview{position:relative;top:auto;width:100%;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;contain:layout paint;animation:none}.context-stack--preview .context-stack__inner{padding-inline:var(--space-4)}@media(max-width:1080px){.context-stack__inner{column-gap:var(--space-4)}.context-stack__meta{display:none}.context-stack__controls{gap:var(--space-2)}.context-stack__control-label,.context-stack [data-priority=overflow]{display:none}}@media(max-width:760px){.context-stack__inner{grid-template-columns:minmax(0,auto) minmax(0,1fr);column-gap:var(--space-2)}.context-stack [data-priority=supporting],.context-stack [data-priority=overflow]{display:none}.context-stack__identity{grid-column:1;max-width:48vw}.context-stack__center{grid-column:2;justify-self:stretch}.context-stack__controls{justify-content:flex-start;width:100%;overflow-x:auto;scrollbar-width:none}.context-stack__controls::-webkit-scrollbar{display:none}.context-stack__row:has(.context-stack__controls) .context-stack__identity{max-width:36vw}.context-stack__action,.context-stack__eyebrow{display:none}}.context-chrome-preview[data-preview-viewport=mobile]{max-width:32ch}.context-chrome-preview[data-preview-viewport=mobile] .site-header__inner{display:flex;gap:var(--space-3);padding-inline:var(--space-3)}.context-chrome-preview[data-preview-viewport=mobile] .site-header__context{margin-right:auto}.context-chrome-preview[data-preview-viewport=mobile] .context-chrome-preview__navigation,.context-chrome-preview[data-preview-viewport=mobile] .studio-switch{display:none}.context-stack--preview[data-preview-viewport=mobile] .context-stack__inner{grid-template-columns:minmax(0,auto) minmax(0,1fr);column-gap:var(--space-2);padding-inline:var(--space-3)}.context-stack--preview[data-preview-viewport=mobile] [data-priority=supporting],.context-stack--preview[data-preview-viewport=mobile] [data-priority=overflow],.context-stack--preview[data-preview-viewport=mobile] .context-stack__meta,.context-stack--preview[data-preview-viewport=mobile] .context-stack__action{display:none}.context-stack--preview[data-preview-viewport=mobile] .context-stack__identity{max-width:48%}.context-stack--preview[data-preview-viewport=mobile] .context-stack__center{grid-column:2;justify-self:stretch}.context-stack--preview[data-preview-viewport=mobile] .context-stack__eyebrow{display:none}.context-stack--preview[data-preview-viewport=mobile] .context-stack__row--entity .context-stack__icon{width:var(--size-control-sm);height:var(--size-control-sm)}.context-stack--preview[data-preview-viewport=mobile] .context-stack__row--entity .context-stack__title{font-size:var(--text-base)}@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:1ms}}.context-lab{display:grid;gap:var(--space-12);padding-block:var(--space-16) var(--space-24)}.context-lab__header{display:grid;gap:var(--space-4);max-width:var(--width-text)}.context-lab__scenario{display:grid;gap:var(--space-5);padding-top:var(--space-8);border-top:1px solid var(--line);scroll-margin-top:calc(var(--app-chrome-height) + var(--space-6))}.context-lab__scenario-head{display:grid;grid-template-columns:minmax(12rem,.34fr) minmax(0,1fr);align-items:baseline;gap:var(--space-6)}.context-lab__scenario-head h2{font-size:var(--text-xl)}.context-lab__scenario-head p{max-width:var(--width-text);line-height:var(--leading-normal)}@media(max-width:760px){.context-lab{gap:var(--space-10);padding-top:var(--space-10)}.context-lab__scenario-head{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}}