.visual-study-shell{--center-max:88rem;padding-block:var(--space-2xl) var(--space-3xl)}.scene-topology{gap:var(--space-s);grid-template-columns:minmax(0,1fr) minmax(6.5rem,.18fr) minmax(18rem,.72fr);align-items:stretch;min-inline-size:0;display:grid}.scene-caption{--sidebar-width:16rem;--sidebar-content-min:55%;--sidebar-gap:var(--space-m)}.scene-heading{--sidebar-width:min(36rem, 100%);--sidebar-content-min:24rem;--sidebar-align:flex-end}.scene-phase-only{display:none}[data-phase="1"] [data-show~="1"],[data-phase="2"] [data-show~="2"],[data-phase="3"] [data-show~="3"],[data-phase="4"] [data-show~="4"]{display:flex}.semantic-scene{--scene-transition:.42s ease}.scene-heading :is(h1,h2,h3){max-inline-size:14ch}.scene-frame{isolation:isolate;min-inline-size:0;padding:var(--space-m);border:2px solid var(--color-border);background:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px), #0d1214;box-shadow:var(--shadow-raised);background-size:2.5rem 2.5rem;position:relative}.scene-frame:before{z-index:-1;content:"";background:radial-gradient(circle at 22% 30%,#63e6be14,#0000 28rem),radial-gradient(circle at 82% 70%,#7dd3fc14,#0000 24rem);position:absolute;inset:0}.process-field{min-block-size:clamp(27rem,48vw,39rem);min-inline-size:0;padding:var(--space-m);border:2px solid var(--field-color);background:#182124f0;position:relative}.process-field[data-owner=amp]{--field-color:var(--color-accent);clip-path:polygon(1.25rem 0,100% 0,100% 100%,0 100%,0 1.25rem)}.process-field[data-owner=plugin]{--field-color:var(--color-info);clip-path:polygon(0 0,100% 0,100% calc(100% - 1.25rem),calc(100% - 1.25rem) 100%,0 100%)}.process-field__heading{--cluster-justify:space-between;--cluster-align:flex-start;border-block-end:1px solid var(--field-color);padding-block-end:var(--space-s)}.process-field__heading :is(h2,h3,h4){font-size:var(--step-2)}.process-field__detail{color:var(--color-text-muted);font-size:var(--step--1)}.process-field__body{gap:var(--space-m);flex:1;align-content:space-between;min-block-size:0;display:grid}.capability-rack__label{color:var(--color-text-muted);font-size:var(--step--1)}.capability-rack ol{gap:var(--space-xs);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.capability-rack li{min-block-size:5.5rem;min-inline-size:0;padding:var(--space-xs);border:2px dashed var(--color-border);background:var(--color-background);color:var(--color-text-muted);font:500 clamp(.68rem, .64rem + .18vw, .8rem) / 1.2 var(--font-mono);overflow-wrap:anywhere;text-align:center;place-items:center;display:grid}.capability-rack li span{writing-mode:vertical-rl;rotate:180deg}.capability-rack[data-state=pending] li{border-color:var(--color-warning);color:var(--color-warning);background:repeating-linear-gradient(135deg,#0000 0 6px,#f5c45114 6px 12px)}.capability-rack[data-state=available] li{border-style:solid;border-color:var(--color-accent);background:var(--color-surface-raised);color:var(--color-text)}.capability-rack[data-state=available] li:first-child{box-shadow:inset 0 0 0 2px var(--color-signal)}.target-capability{min-block-size:8rem;padding:var(--space-s);border:2px dashed var(--color-border);background:var(--color-background);color:var(--color-text-muted);text-align:center;place-items:center;display:grid}.target-capability strong{font-family:var(--font-display);font-size:var(--step-1)}.target-capability [data-capability-state=available]{display:none}.scene-transit{gap:var(--space-xs);grid-template-rows:1fr auto 1fr;align-items:center;min-block-size:clamp(27rem,48vw,39rem);display:grid;position:relative}.process-boundary{border-inline:2px solid var(--color-text-muted);background:var(--color-background);inline-size:.7rem;position:absolute;inset-block:0;inset-inline-start:50%;translate:-50%}.process-boundary span{padding:var(--space-2xs);background:var(--color-background);color:var(--color-text-muted);font:var(--step--1) / 1.1 var(--font-mono);writing-mode:vertical-rl;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.message-lane{z-index:1;gap:var(--space-2xs);min-inline-size:0;color:var(--color-text-muted);font:500 .72rem / 1.2 var(--font-mono);grid-template-rows:auto auto 1fr;align-items:center;display:grid;position:relative}.message-lane__label{text-align:center}.message-lane i{background:var(--color-text-muted);block-size:2px;inline-size:100%;display:block;position:relative}.message-lane[data-direction=to-plugin] i:after,.message-lane[data-direction=to-amp] i:after{content:"";border:5px solid #0000;position:absolute;inset-block-start:-4px}.message-lane[data-direction=to-plugin] i:after{border-inline-start-color:var(--color-text-muted);inset-inline-end:0}.message-lane[data-direction=to-amp] i:after{border-inline-end-color:var(--color-text-muted);inset-inline-start:0}.message-lane__payload{place-items:center;min-block-size:5rem;display:grid;position:relative}.message-envelope{border:2px solid var(--color-signal);background:var(--color-surface-raised);max-inline-size:100%;color:var(--color-text);font:600 .7rem / 1.1 var(--font-mono);overflow-wrap:anywhere;text-align:center;align-items:center;padding:.4rem .55rem;display:inline-flex}.message-envelope[data-kind=change]{border-style:dashed;border-color:var(--color-warning);color:var(--color-warning)}.message-envelope[data-kind=ready]{border-color:var(--color-signal);color:var(--color-signal)}.message-envelope[data-kind=fetch]{border-color:var(--color-accent);color:var(--color-accent)}.readiness-gate{z-index:2;pointer-events:none;grid-template-rows:1fr auto;justify-items:center;inline-size:2.4rem;display:grid;position:absolute;inset-block:15%;inset-inline-start:calc(50% - 1.2rem)}.readiness-gate i{border:2px solid var(--color-warning);background:repeating-linear-gradient(0deg, var(--color-warning) 0 7px, var(--color-background) 7px 14px);block-size:100%;inline-size:.45rem}.readiness-gate span{background:var(--color-background);font:600 .68rem / 1.1 var(--font-mono);white-space:nowrap;padding:.2rem .3rem}.readiness-gate__closed{color:var(--color-warning)}.readiness-gate__open{color:var(--color-accent);display:none}.change-burst{--cluster-gap:var(--space-2xs);justify-content:center}.fetch-stack{gap:.25rem;inline-size:100%;display:grid}.fetch-stack .message-envelope{justify-content:center;inline-size:100%}.scene-caption{border-block-start:var(--border-thin);padding-block-start:var(--space-s)}.scene-caption strong{color:var(--color-signal)}.scene-summary{padding:var(--space-m);border-inline-start:.35rem solid var(--color-accent);background:#63e6be0f}.scene-summary ol{gap:var(--space-s);counter-reset:phase;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.scene-summary li{padding:var(--space-s);border:var(--border-thin);background:var(--color-background);counter-increment:phase}.scene-summary li:before{color:var(--color-accent);font:600 var(--step--1) / 1 var(--font-mono);content:"0" counter(phase);margin-block-end:var(--space-xs);display:block}.scene-summary code{white-space:nowrap}.phase-controls{--cluster-gap:var(--space-xs);z-index:5;padding:var(--space-s);border:var(--border-thin);box-shadow:var(--shadow-raised);background:#111719f5;position:sticky;inset-block-end:var(--space-s)}.phase-controls button{min-block-size:2.75rem;padding-inline:var(--space-s);border:1px solid var(--color-accent);border-radius:var(--radius-s);color:var(--color-accent);cursor:pointer;background:0 0}.phase-controls button:hover:not(:disabled),.phase-controls button[aria-pressed=true]{border-color:var(--color-signal);background:var(--color-signal);color:var(--color-background)}.phase-controls button:disabled{border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;opacity:.55}.phase-controls__status{color:var(--color-text);font-size:var(--step--1);text-align:end;flex-grow:1;flex-basis:18rem}[data-enhanced=true] .phase-controls{display:flex}[data-enhanced=false] .capability-rack[data-location=amp][data-state=empty]{display:none}[data-enhanced=false] .target-capability{border-style:solid;border-color:var(--color-signal);background:var(--color-surface-raised);color:var(--color-text)}[data-enhanced=false] .target-capability [data-capability-state=unavailable],[data-enhanced=false] .readiness-gate__closed{display:none}[data-enhanced=false] .target-capability [data-capability-state=available],[data-enhanced=false] .readiness-gate__open{display:block}[data-enhanced=false] .readiness-gate i{border-color:var(--color-accent);background:repeating-linear-gradient(0deg, var(--color-accent) 0 7px, transparent 7px 14px);rotate:90deg}[data-enhanced=true] .scene-phase-only{opacity:0;transition:opacity var(--scene-transition), translate var(--scene-transition)}[data-enhanced=true][data-phase="1"] [data-show~="1"],[data-enhanced=true][data-phase="2"] [data-show~="2"],[data-enhanced=true][data-phase="3"] [data-show~="3"],[data-enhanced=true][data-phase="4"] [data-show~="4"]{opacity:1}[data-enhanced=true] .capability-rack[data-location=plugin],[data-enhanced=true] .capability-rack[data-location=amp]{display:none}[data-enhanced=true][data-phase="1"] .capability-rack[data-location=plugin],[data-enhanced=true][data-phase="2"] .capability-rack[data-location=plugin],[data-enhanced=true][data-phase="3"] .capability-rack[data-location=plugin],[data-enhanced=true][data-phase="1"] .capability-rack[data-location=amp][data-state=empty],[data-enhanced=true][data-phase="2"] .capability-rack[data-location=amp][data-state=empty],[data-enhanced=true][data-phase="3"] .capability-rack[data-location=amp][data-state=empty],[data-enhanced=true][data-phase="4"] .capability-rack[data-location=amp][data-state=available]{display:flex}[data-enhanced=true] .target-capability [data-capability-state=available]{display:none}[data-enhanced=true][data-phase="4"] .target-capability{border-style:solid;border-color:var(--color-signal);background:var(--color-surface-raised);color:var(--color-text)}[data-enhanced=true][data-phase="4"] .target-capability [data-capability-state=unavailable]{display:none}[data-enhanced=true][data-phase="4"] .target-capability [data-capability-state=available]{display:block}[data-enhanced=true][data-phase="2"] .readiness-gate i,[data-enhanced=true][data-phase="3"] .readiness-gate i,[data-enhanced=true][data-phase="4"] .readiness-gate i{border-color:var(--color-accent);background:repeating-linear-gradient(0deg, var(--color-accent) 0 7px, transparent 7px 14px);rotate:90deg}[data-enhanced=true][data-phase="2"] .readiness-gate__closed,[data-enhanced=true][data-phase="3"] .readiness-gate__closed,[data-enhanced=true][data-phase="4"] .readiness-gate__closed{display:none}[data-enhanced=true][data-phase="2"] .readiness-gate__open,[data-enhanced=true][data-phase="3"] .readiness-gate__open,[data-enhanced=true][data-phase="4"] .readiness-gate__open{display:block}[data-playing=true] .scene-phase-only{translate:0 -.25rem}[data-playing=true][data-phase="1"] [data-kind=change],[data-playing=true][data-phase="2"] [data-kind=ready],[data-playing=true][data-phase="4"] [data-show="4"] .message-envelope{animation:1.15s ease-out both envelope-to-amp}[data-playing=true][data-phase="3"] [data-kind=fetch]{animation:1.15s ease-out both envelope-to-plugin}[data-playing=true][data-phase="3"] [data-kind=fetch]:nth-child(2){animation-delay:80ms}[data-playing=true][data-phase="3"] [data-kind=fetch]:nth-child(3){animation-delay:.16s}[data-playing=true][data-phase="3"] [data-kind=fetch]:nth-child(4){animation-delay:.24s}[data-playing=true][data-phase="3"] [data-kind=fetch]:nth-child(5){animation-delay:.32s}@keyframes envelope-to-amp{0%{opacity:.25;translate:1.5rem}to{opacity:1;translate:-1rem}}@keyframes envelope-to-plugin{0%{opacity:.25;translate:-1.5rem}to{opacity:1;translate:1rem}}@media (width<=56rem){.scene-heading{--sidebar-content-min:100%}.scene-topology{grid-template-columns:minmax(0,1fr)}.process-field{min-block-size:20rem}.process-field[data-owner=plugin]{grid-row:3}.scene-transit{gap:var(--space-s);grid-template:1fr/1fr 1fr;grid-row:2;min-block-size:12rem}.process-boundary{border-block:2px solid var(--color-text-muted);border-inline:0;block-size:.7rem;inline-size:auto;inset-block-start:50%;inset-inline:0;translate:0 -50%}.process-boundary span{writing-mode:horizontal-tb;inset-block-start:calc(50% + 1.5rem);inset-inline-start:auto;inset-inline-end:var(--space-xs);translate:0 -50%}.readiness-gate{grid-template:1fr auto/1fr;align-items:center;block-size:3.4rem;inline-size:auto;inset-block-start:calc(50% - 2.6rem);inset-inline:8% 54%}.readiness-gate i{background:repeating-linear-gradient(90deg, var(--color-warning) 0 7px, var(--color-background) 7px 14px);block-size:.45rem;inline-size:100%}[data-enhanced=false] .readiness-gate i,[data-enhanced=true][data-phase="2"] .readiness-gate i,[data-enhanced=true][data-phase="3"] .readiness-gate i,[data-enhanced=true][data-phase="4"] .readiness-gate i{background:repeating-linear-gradient(90deg, var(--color-accent) 0 7px, transparent 7px 14px);rotate:none}.message-lane{flex-direction:column;align-self:stretch;display:flex}.message-lane[data-direction=to-amp]{flex-direction:column-reverse}.message-lane i{justify-self:center;block-size:100%;min-block-size:4rem;inline-size:2px}.message-lane[data-direction=to-plugin] i:after{border-inline-start-color:#0000;border-block-start-color:var(--color-text-muted);inset-block:auto 0;inset-inline-end:-4px}.message-lane[data-direction=to-amp] i:after{border-inline-end-color:#0000;border-block-end-color:var(--color-text-muted);inset-block-start:0;inset-inline-start:-4px}.message-lane__payload{min-block-size:3.5rem}[data-playing=true][data-phase="1"] [data-kind=change],[data-playing=true][data-phase="2"] [data-kind=ready],[data-playing=true][data-phase="4"] [data-show="4"] .message-envelope{animation-name:envelope-up}[data-playing=true][data-phase="3"] [data-kind=fetch]{animation-name:envelope-down}}@media (width<=46rem){.capability-rack ol{grid-template-columns:1fr}.capability-rack li{min-block-size:2.5rem}.capability-rack li span{writing-mode:horizontal-tb;rotate:none}.fetch-stack,.scene-summary ol{grid-template-columns:1fr}.phase-controls{position:static}.phase-controls__status{text-align:start;flex-basis:100%;order:-1}}@media (prefers-reduced-motion:reduce){.semantic-scene{--scene-transition:0s}[data-enhanced=true] .scene-phase-only{translate:none}[data-playing=true] .message-envelope{animation:none}}@keyframes envelope-up{0%{opacity:.25;translate:0 1.5rem}to{opacity:1;translate:0 -1rem}}@keyframes envelope-down{0%{opacity:.25;translate:0 -1.5rem}to{opacity:1;translate:0 1rem}}@media (prefers-contrast:more){.scene-frame,.process-field,.message-envelope,.capability-rack li,.target-capability{border-width:3px}.scene-frame{background-image:none}}@media (forced-colors:active){.scene-frame,.process-field,.capability-rack li,.target-capability,.message-envelope,.scene-summary li{forced-color-adjust:auto;color:canvastext;background:canvas}.process-boundary,.message-lane i,.readiness-gate i{forced-color-adjust:auto;background:canvastext;border-color:canvastext}}