/* The compact instrument is the authored object: soft shell, precise surface, progressive outputs. */
.in-host{width:100%;max-width:500px;margin-inline:auto;color:#17171a;font-family:var(--font-sans,Geist,sans-serif);text-align:left}
.in-host *, .in-host *:before,.in-host *:after{box-sizing:border-box}
.in-host button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.in-host button:focus-visible,.in-host summary:focus-visible{outline:2px solid #4f46e5;outline-offset:4px}
.in-host button:active{transform:scale(.97)}
.in-icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
.in-scenario-switch{display:flex;align-items:center;gap:2px;padding:3px;background:#f1f1f3;border-radius:9px;width:max-content;max-width:100%;margin:0 auto 16px;box-shadow:inset 0 0 0 1px #11111104}
.in-scenario-switch button{border:0;background:transparent;color:#626268;border-radius:6px;font-size:12px;line-height:1.4;padding:7px 12px;min-height:32px;transition:background 160ms ease,color 160ms ease,transform 120ms ease}
.in-scenario-switch button[aria-pressed=true]{background:white;color:#242429;box-shadow:0 1px 3px #00000014;font-weight:500}
.instrument{position:relative;border-radius:26px;padding:12px;background:#f0f0f2;box-shadow:0 2px 3px #17171a10,0 18px 35px -23px #17171a30,inset 0 -1px 0 #17171a13;isolation:isolate}
.in-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 10px 13px;min-height:38px}
.in-head h3{margin:0;font-size:14px!important;line-height:1.3!important;letter-spacing:-.025em!important;font-weight:600!important;color:#202024}
.in-head h3 span{font-weight:400;color:#6d6d74;font-size:11px;letter-spacing:0;display:none}
.in-step-count{border-radius:20px;background:#e5e5e9;color:#65656d;min-width:64px;padding:3px 8px;text-align:center;font:10px/1.3 var(--font-mono,'Geist Mono',monospace);font-variant-numeric:tabular-nums;white-space:nowrap}
.in-surface{background:#fff;border-radius:18px;padding:16px 19px 15px 17px}
.in-stack{list-style:none;margin:0;padding:0;position:relative}
.in-stage{position:relative;padding-left:35px;padding-bottom:17px;--step-color:#7652d6;--step-tint:#7652d612}
.in-stage:last-child{padding-bottom:0}
.in-rail{position:absolute;left:12px;top:26px;bottom:0;width:1px;background:#e6e6e9;overflow:hidden}
.in-stage:last-child .in-rail{display:none}
.in-rail i{display:block;width:1px;height:100%;background:var(--step-color);transform:scaleY(0);transform-origin:top;opacity:.4;transition:transform 600ms cubic-bezier(.22,1,.36,1)}
.is-done>.in-rail i{transform:scaleY(1);background:#c3c3cb}
.is-current>.in-rail i{animation:in-rail-pass 2.3s cubic-bezier(.42,0,.18,1) both}
.in-stage-button{width:100%;min-height:26px;display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;color:#68686e;text-align:left;border-radius:3px;position:relative}
.in-stage-button strong{font-size:12px;line-height:1.3;letter-spacing:-.005em;font-weight:500;color:inherit}
.in-stage-icon{position:absolute;left:-35px;top:0;width:26px;height:26px;display:grid;place-items:center;background:#f1f1f3;border-radius:7px;color:#777780;box-shadow:inset 0 0 0 1px #15151a03;transition:background 260ms ease,color 260ms ease,box-shadow 260ms ease}
.in-stage-icon .in-icon{width:14px;height:14px;stroke-width:1.8}
.in-stage-state{margin-left:auto;opacity:0;color:#8a8a92;transition:opacity 180ms ease}
.in-stage-state .in-icon{width:12px;height:12px}
.is-done .in-stage-state{opacity:1}
.is-current .in-stage-button,.is-done .in-stage-button{color:#252529}
.is-current .in-stage-icon{background:var(--step-color);color:#fff;box-shadow:0 3px 9px -4px var(--step-color)}
.in-description{font-size:11px!important;line-height:1.45!important;color:#66666e!important;margin:2px 0 7px!important;letter-spacing:0!important;max-width:none!important;font-weight:400!important}
.in-visual{height:var(--visual-height);position:relative;min-width:0}
.in-placeholder{position:absolute;inset:2px 0 3px;display:flex;flex-direction:column;justify-content:center;gap:7px;opacity:1;transition:opacity 180ms ease}
.in-placeholder i{height:5px;border-radius:4px;background:#f0f0f2;display:block;width:85%}
.in-placeholder i:nth-child(2){width:65%;background:#f3f3f5}.in-placeholder i:nth-child(3){width:40%;height:4px;background:#f5f5f6}
.tokens .in-placeholder,.merge .in-placeholder,.slots .in-placeholder{flex-direction:row;align-items:center;gap:3px}
.tokens .in-placeholder i,.merge .in-placeholder i,.slots .in-placeholder i{width:33%;height:8px;border-radius:3px}
.anchor .in-placeholder{flex-direction:row;gap:28px;align-items:center}.anchor .in-placeholder i{width:42%;height:40px;border-radius:5px}.anchor .in-placeholder i:last-child{display:none}
.in-result{position:relative;opacity:0;transform:translateY(3px);height:100%;transition:opacity 280ms cubic-bezier(.22,1,.36,1),transform 360ms cubic-bezier(.22,1,.36,1);color:#36363c}
.is-revealed .in-result{opacity:1;transform:translateY(0)}.is-revealed .in-placeholder{opacity:0}
.in-result strong{font-weight:500!important}.in-result code{font-family:var(--font-mono,'Geist Mono',monospace)!important;font-size:10px!important;line-height:1.5!important;color:inherit;background:none;padding:0;border:0}
.in-document{display:flex;align-items:flex-start;position:relative;padding:9px 11px;border-radius:7px;background:#f8f8fa;gap:10px;height:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #ededf1}
.in-file{width:24px;height:30px;border-radius:4px;background:white;display:grid;place-items:center;box-shadow:0 1px 2px #1d1d2b11;color:var(--step-color);margin-top:1px}.in-file .in-icon{width:15px;height:15px}
.in-document>div{min-width:0}.in-document strong{font-size:11px;display:block;line-height:1.4}.in-document>div>span{font-size:9px;color:#72727b;display:block;margin-top:1px}
.in-paper-lines{display:flex;gap:7px;margin-top:3px;overflow:hidden}.in-paper-lines i{font-size:8px;font-style:normal;color:#7c7c85;white-space:nowrap}.in-document-corner{position:absolute;width:28px;height:28px;right:-15px;top:-15px;transform:rotate(45deg);background:#fff;box-shadow:0 1px 1px #ededf0}
.in-token-label{font-family:var(--font-mono,'Geist Mono',monospace);font-size:9.5px;line-height:1.4;color:#666670;margin-bottom:8px}
.in-tokens{display:flex;gap:4px;flex-wrap:wrap}.in-tokens span{font-size:9.5px;line-height:1.3;padding:4px 7px;background:#f0eef9;border:1px solid #e9e5f6;border-radius:4px;color:#5b5277;white-space:nowrap}
.is-current .in-tokens span{animation:in-token-arrive 600ms calc(var(--i)*95ms) cubic-bezier(.16,1,.3,1) both}
.in-checks{display:grid;gap:5px;padding-top:1px}.in-check{display:flex;align-items:center;gap:7px;min-width:0;font-size:10px;line-height:1.35}.in-check .in-icon{width:12px;height:12px;color:#a27520}.in-check.ok .in-icon{color:#16876e}.in-check.blocked .in-icon{color:#b56621}.in-check span{flex:1;min-width:0}.in-check b{font-size:8px;font-weight:400;color:#7a7a82;text-transform:lowercase}
.is-current .in-check{animation:in-token-arrive 400ms calc(var(--i)*180ms) cubic-bezier(.16,1,.3,1) both}
.in-record{border-left:1px solid #e4e4eb;padding:2px 0 2px 10px;display:grid;gap:3px}.in-record>div{display:flex;justify-content:space-between;gap:12px;font-size:9px;line-height:1.45}.in-record>div>span{color:#777780}.in-record code{max-width:70%;text-align:right;overflow-wrap:anywhere}
.is-current .in-record>div{animation:in-record-arrive 480ms calc(var(--i)*130ms) cubic-bezier(.22,1,.36,1) both}
.in-diff{padding-top:2px}.in-diff-label{font-size:9.5px;color:#777780;margin-bottom:7px}.in-diff-values{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.5}.in-before{color:#8b727a;text-decoration:line-through;text-decoration-color:#ceb6bd;max-width:40%}.in-diff-values>.in-icon{width:12px;height:12px;color:#a3a3ae}.in-after{font-weight:500;color:#137a62;padding:1px 5px;background:#edf7f3;border-radius:3px}.in-preserve{display:flex;align-items:center;gap:4px;font-size:8px;line-height:1.4;color:#777780;margin-top:5px}.in-preserve .in-icon{width:9px;height:9px}
.is-current .in-after{animation:in-field-reveal 650ms 180ms cubic-bezier(.22,1,.36,1) both}
.in-queue{display:grid;gap:5px}.in-queue-item{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.45}.in-queue-item .in-icon{width:12px;height:12px;color:#8c7f60}.in-queue-item span{position:relative;flex:1}.in-queue-item b{font:8px/1.3 var(--font-mono,'Geist Mono',monospace);font-weight:400!important;color:#73737c;padding:2px 4px;border-radius:3px;background:#f2f2f5}.in-queue-item.cancelled{color:#76767f}.in-queue-item.cancelled .in-icon{color:#a07139}.in-queue-item.cancelled span:after{content:'';height:1px;background:#a2a2ab;position:absolute;left:0;right:0;top:50%;transform-origin:left}.is-current .in-queue-item.cancelled span:after{animation:in-cross-off 700ms 200ms cubic-bezier(.22,1,.36,1) both}.in-queue-item.sent .in-icon{color:#158169}
.in-slots{display:flex;gap:5px}.in-slots span{display:flex;align-items:center;justify-content:center;gap:4px;background:#f7f7f9;border:1px solid #e8e8ed;border-radius:5px;min-height:27px;flex:1;font-size:9px;color:#6b6b74}.in-slots .chosen{background:#eeeaf9;border-color:#cabcea;color:#634d9c}.in-slots .unavailable{text-decoration:line-through;color:#92929a}.in-slots .in-icon{width:10px;height:10px}.is-current .in-slots .chosen{animation:in-token-arrive 450ms 100ms cubic-bezier(.22,1,.36,1) both}
.in-anchor{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;gap:7px;height:100%}.in-anchor>div:not(.in-anchor-wire){background:#f8f8fa;border:1px solid #ededf2;border-radius:5px;padding:7px 8px;min-width:0}.in-anchor span{font-size:8px;display:block;color:#767681;line-height:1.3;margin-bottom:4px}.in-anchor strong{font-size:9px;line-height:1.4;display:block;overflow-wrap:anywhere}.in-anchor-wire{display:flex;align-items:center;position:relative;justify-content:center;color:#99703c}.in-anchor-wire:before{content:'';position:absolute;left:-7px;right:-7px;height:1px;border-top:1px dashed #bcb0c9}.in-anchor-wire .in-icon{position:relative;background:white;width:15px;height:15px;padding:2px}.in-anchor.matched .in-anchor-wire{color:#7057ad}.in-anchor.matched .in-anchor-wire:before{border-top:1px solid #a894d7}.is-current .in-anchor.matched .in-anchor-wire:before{animation:in-cross-off 700ms 100ms cubic-bezier(.22,1,.36,1) both;transform-origin:left}
.in-handoff{display:grid;grid-template-columns:64px 1fr 64px;align-items:start;gap:6px}.in-person{text-align:center;min-width:0}.in-person>span{display:grid;place-items:center;width:25px;height:25px;margin:auto auto 4px;background:#f0edf7;border:2px solid white;box-shadow:0 1px 3px #11111117;border-radius:50%;color:#746491;font-size:8px;font-weight:500}.in-person strong{display:block;font-size:8px;color:#72727d;line-height:1.3}.in-handoff-path{text-align:center;padding-top:2px;min-width:0}.in-handoff-path small{font-size:8px;color:#73737c;display:block;line-height:1.25;overflow-wrap:anywhere}.in-handoff-path>i{display:block;position:relative;height:1px;margin:9px 0 7px;background:#dedbe8}.in-handoff-path b{position:absolute;top:-2px;left:calc(50% - 3px);width:6px;height:5px;background:#927dbc;border:1px solid white;border-radius:2px}.in-handoff-path em{font-size:7.5px;font-style:normal;color:#858590;display:block;line-height:1.3}.is-current .in-handoff-path b{animation:in-packet 1500ms cubic-bezier(.5,0,.1,1) both}
.in-layers{display:grid;gap:4px}.in-layers>div{display:flex;align-items:center;gap:7px;font-size:9.5px;line-height:1.4;padding:2px 0}.in-layers i{width:3px;height:11px;border-radius:2px;background:#9898a5}.in-layers span{flex:1}.in-layers b{font:8px/1.3 var(--font-mono,'Geist Mono',monospace);color:#7c7c88;font-weight:400!important}.in-layers .updated i{background:#3e9c82}.in-layers .conflict i{background:#ba8330}.in-layers .updated{color:#357f6f}.is-current .in-layers .updated{animation:in-record-arrive 550ms calc(var(--i)*100ms) cubic-bezier(.22,1,.36,1) both}
.in-merge-bar{display:flex;gap:3px;padding-top:7px}.in-merge-bar i{height:9px;flex:1;border-radius:2px;background:#6d80b8;transform-origin:left}.in-merge-bar i.override{background:#a47bc5}.in-merge-bar i.new{background:#5b9a88}.in-merge-labels{display:flex;gap:8px;margin-top:9px}.in-merge-labels span{font-size:8px;line-height:1.35;color:#626776;flex:1}.is-current .in-merge-bar i{animation:in-cross-off 700ms calc(var(--i)*160ms) cubic-bezier(.22,1,.36,1) both}
.in-receipt{display:flex;align-items:flex-start;gap:8px;padding:9px;background:#f5f8f6;border-radius:6px;position:relative;height:100%;border:1px solid #e9f0eb}.in-receipt>.in-icon{width:15px;height:15px;color:#218168;margin-top:1px}.in-receipt>div{flex:1;min-width:0}.in-receipt strong{font-size:10px;line-height:1.4;display:block}.in-receipt span{font-size:8px;color:#717a75;display:block;line-height:1.4;margin-top:2px}.in-receipt code{font-size:7px!important;color:#7e8882;position:absolute;right:7px;bottom:4px}
.is-current .in-receipt>.in-icon path{stroke-dasharray:24;animation:in-draw 650ms 100ms ease both}
.in-stream{padding:9px 10px;border-top:1px dashed #e4e4ea;font-size:10px;line-height:1.55;color:#4c4c56;overflow:hidden}.in-stream>span{display:inline}.in-stream>i{display:inline-block;height:10px;width:2px;background:#7b6c91;vertical-align:-1px;margin-left:2px;opacity:0}.is-current .in-stream{animation:in-field-reveal 1.4s cubic-bezier(.4,0,.2,1) both}.is-playing .is-current .in-stream>i{opacity:1;animation:in-caret .7s steps(1) 3}
.in-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 6px 3px;min-height:52px}
.in-status{display:flex;align-items:center;gap:6px;min-width:0;color:var(--status-color,#75757d);font-size:9px;line-height:1.35;font-weight:500}
.in-status>i{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none;box-shadow:0 0 0 3px #ffffff40}
.in-status>span{max-width:180px}.in-controls{display:flex;gap:3px;align-items:center;flex:none}
.in-controls button{border:0;min-height:30px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:20px;transition:background 140ms ease,transform 120ms cubic-bezier(.22,1,.36,1);line-height:1.2}
.in-run{background:#222226;color:white;font-size:10px!important;padding:7px 11px;min-width:85px;box-shadow:0 1px 2px #11111116}
.in-run>.in-icon{width:12px;height:12px;stroke-width:1.8}
.in-reset{width:28px;background:transparent;color:#7c7c86}.in-reset>.in-icon{width:13px;height:13px}
.in-speed{min-width:28px;background:transparent;color:#73737d;font:9px/1.2 var(--font-mono,'Geist Mono',monospace)!important;padding:0 2px}
.in-outcome{margin-top:21px;padding-inline:12px;min-height:76px}.in-outcome-label{font-size:9px;line-height:1.5;color:#707079}.in-outcome p{font-size:12px!important;line-height:1.6!important;color:#4f4f58!important;margin:5px 0 0!important;max-width:60ch}
.in-outcome.is-finished p{color:#29292f!important}
.in-provenance{font-size:9px!important;line-height:1.6!important;color:#787881!important;margin:9px 12px 0!important;max-width:70ch}
.in-provenance span{white-space:nowrap}.in-legacy{margin-top:22px;border-top:1px solid #e8e8ed;border-bottom:1px solid #e8e8ed}.in-legacy summary{min-height:48px;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:space-between}.in-legacy summary:after{content:'+';color:#7a7a85}.in-legacy[open] summary:after{content:'−'}.in-legacy-model{padding-bottom:18px}
.is-paused .in-stage *,.is-paused .in-stage *:before,.is-paused .in-stage *:after{animation-play-state:paused!important}
.in-instant *,.in-instant *:before,.in-instant *:after{animation:none!important;transition:none!important}
@keyframes in-rail-pass{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes in-token-arrive{from{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes in-record-arrive{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}
@keyframes in-field-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes in-cross-off{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes in-handoff{from{left:0;opacity:.2}40%{opacity:1}to{left:calc(100% - 6px);opacity:1}}
@keyframes in-draw{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@keyframes in-caret{50%{opacity:0}}
@media(hover:hover) and (pointer:fine){.in-controls .in-run:hover{background:#3c3c43}.in-controls .in-reset:hover,.in-controls .in-speed:hover{background:#e5e5e9;color:#303039}.in-stage-button:hover strong{color:#303037}.in-stage-button:hover .in-stage-icon{box-shadow:0 0 0 2px #e9e7ef}.in-scenario-switch button:not([aria-pressed=true]):hover{color:#222;background:#e7e7eb}}
@media(max-width:600px){.instrument{border-radius:23px;padding:10px}.in-surface{border-radius:15px;padding:16px 14px 15px 14px}.in-head{padding-inline:8px}.in-stage{padding-left:32px;padding-bottom:19px}.in-stage-icon{left:-32px}.in-stage-button{min-height:29px}.in-stage-button strong{font-size:12px}.in-description{font-size:11px!important}.in-controls button{min-height:40px}.in-run{min-width:90px;font-size:11px!important}.in-reset,.in-speed{min-width:30px}.in-scenario-switch button{min-height:40px;font-size:11px;padding-inline:9px}.in-status{font-size:9px}.in-status>span{max-width:125px}.in-provenance{font-size:10px!important}.in-outcome p{font-size:12px!important}.in-result code{font-size:9px!important}.in-queue-item b{font-size:7px}.in-head h3{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.in-host *,.in-host *:before,.in-host *:after{animation:none!important;transition:none!important}.in-host button:active{transform:none}}
/* Architecture stays inspectable and shares the portfolio typeface. */
.in-architecture{margin:28px 0;background:#fafafb;border:1px solid #eeeef2;border-radius:14px;padding:24px;overflow:auto}.in-architecture svg{display:block;width:100%;height:auto;min-width:480px;max-height:800px}.in-architecture figcaption{font-size:10px;color:#777780;margin-top:18px}.in-mermaid-source{font:11px/1.7 var(--font-mono,monospace);padding:18px;background:#f7f7f9;overflow:auto;max-height:340px;margin-top:12px}.in-visual.checks,.in-visual.queue,.in-visual.layers{min-height:72px}.in-visual.record{min-height:66px}.in-visual.diff{min-height:69px}.in-receipt code{max-width:35%;overflow-wrap:anywhere}.in-handoff-path b{left:0}.in-handoff-path>i{container-type:inline-size}@keyframes in-packet{from{transform:translateX(0);opacity:.2}40%{opacity:1}to{transform:translateX(calc(100cqw - 6px));opacity:1}}
.sys-stage .in-description{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;margin:0!important}.sys-stage .in-visual{margin-top:7px}.sys-stage .in-stage{padding-bottom:12px}.sys-stage .in-surface{padding-top:19px}.sys-stage .in-footer{position:sticky;bottom:12px;z-index:3;background:#f0f0f2;border-radius:0 0 15px 15px;box-shadow:0 -8px 10px -6px #f0f0f2}.sys-stage .in-outcome{min-height:0}.sys-stage .in-provenance{margin-top:15px!important}
@media(max-width:600px){.in-visual.diff{min-height:88px}.in-visual.record{min-height:76px}.in-visual.layers{min-height:80px}.in-visual.tokens{min-height:56px}.in-visual.handoff{min-height:64px}.in-visual.receipt{min-height:76px}.sys-stage .in-stage{padding-bottom:14px}.sys-stage .in-footer{bottom:8px}}
/* Review pass: legible evidence, explicit held outcomes and a shared motion clock. */
.in-document>div>span,.in-paper-lines i{font-size:10px;color:#6e6e78}.in-paper-lines{flex-wrap:wrap;gap:2px 7px;margin-top:3px}.in-paper-lines i{white-space:normal;line-height:1.3}.in-visual.document{min-height:82px}.in-document{padding:9px 10px}.in-person strong,.in-handoff-path small,.in-handoff-path em{font-size:10px;line-height:1.4;color:#66616f}.in-visual.handoff{min-height:84px}.in-person>span{font-size:10px;width:28px;height:28px}.in-handoff{grid-template-columns:64px 1fr 64px}.in-anchor span{font-size:10px;color:#6b6474}.in-anchor strong{font-size:10px}.in-visual.anchor{min-height:73px}.in-receipt{height:auto;min-height:100%;align-items:flex-start;padding:10px;gap:8px}.in-receipt>div{min-width:0}.in-receipt strong{font-size:11px}.in-receipt span{font-size:10px!important;line-height:1.4;color:#636e68}.in-receipt code{position:static!important;display:block;margin-top:5px;max-width:100%;font-size:8px!important;line-height:1.4!important;text-align:left!important;color:#707078}.in-visual.receipt{min-height:85px}.in-receipt.is-held{background:#faf6ed;border-color:#eee5d4}.in-receipt.is-held>.in-icon{color:#986715}.in-receipt.is-held strong{color:#665024}.in-receipt.is-held span{color:#7a6b50}.in-provenance{color:#6c6c76!important}.sys-context-boundary{color:#71717a}.sys-stage-help{color:#74747d}.in-check b,.in-queue-item b,.in-layers b{font-size:9px;color:#686873}.in-preserve{font-size:9px;color:#6c6c77}.in-outcome-label{font-size:10px}.in-stage-button strong{font-size:13px}.in-token-label,.in-tokens span,.in-record>div,.in-merge-labels span{font-size:10px}.is-current>.in-rail i{animation-duration:var(--stage-duration,2300ms)}.is-current .in-tokens span{animation-duration:calc(600ms / var(--playback-speed,1));animation-delay:calc(var(--i)*95ms / var(--playback-speed,1))}.is-current .in-check{animation-duration:calc(400ms / var(--playback-speed,1));animation-delay:calc(var(--i)*180ms / var(--playback-speed,1))}.is-current .in-record>div{animation-duration:calc(480ms / var(--playback-speed,1));animation-delay:calc(var(--i)*130ms / var(--playback-speed,1))}.is-current .in-handoff-path b{animation-duration:calc(1500ms / var(--playback-speed,1))}.is-current .in-after,.is-current .in-anchor-wire:before{animation-duration:calc(650ms / var(--playback-speed,1))}.in-instant .in-handoff-path b{transform:translateX(calc(100cqw - 6px))}.sys-layout{margin-top:30px}.sys-header{min-height:76px}.sys-context{padding-top:59px}
@media(min-width:601px){.sys-stage .in-stage{padding-bottom:8px}.sys-stage .in-surface{padding-top:15px;padding-bottom:12px}}
/* Progressive disclosure reveals the artefact as work reaches it. */
.in-artifact{display:block}.in-artifact-clip{min-height:0}.sys-stage .in-artifact{display:grid;grid-template-rows:0fr;transition:grid-template-rows 380ms cubic-bezier(.22,1,.36,1)}.sys-stage .in-artifact-clip{overflow:hidden}.sys-stage .is-revealed .in-artifact{grid-template-rows:1fr}.sys-stage .in-placeholder{display:none}.sys-stage .in-stage:not(.is-revealed) .in-description{position:static!important;width:auto!important;height:auto!important;clip-path:none;white-space:normal;margin:2px 0 8px!important;font-size:11px!important;color:#777780!important}.sys-stage .in-stage:not(.is-revealed){padding-bottom:18px}.sys-stage .in-result{padding-bottom:1px}
@media(max-width:600px){.in-visual.tokens{min-height:76px}}