/* One persistent split boundary; every modality keeps its colour and shape. */
.ms-art {color:var(--text);font-size:.86rem;line-height:1.5;}
.ms-art * {box-sizing:border-box;}
.ms-art sub {font-size:.66em;}
.ms-icon {width:24px;height:24px;flex:none;vertical-align:middle;}
.ms-image {color:var(--accent);}
.ms-text {color:var(--story-secondary);}
.ms-network {display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,1.15fr) minmax(0,1fr);gap:22px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);}
.ms-clients {display:grid;gap:7px;}
.ms-endpoint {display:flex;align-items:center;gap:10px;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:10px 13px;color:var(--muted);min-width:0;}
.ms-endpoint strong {display:block;font-size:.82rem;color:var(--text);font-weight:600;}
.ms-endpoint small {display:block;font-size:.66rem;margin-top:2px;}
.ms-endpoint.ms-active {color:var(--accent);background:var(--tint);border-color:var(--accent);}
.ms-endpoint.ms-active strong {color:var(--accent);}
.ms-client-tag {display:inline-grid;place-items:center;flex:none;width:24px;height:24px;font-size:.68rem;font-weight:700;border:1px solid var(--line);border-radius:6px;color:var(--text);background:var(--surface);}
.ms-server {min-height:91px;}
.ms-server>.ms-icon {width:30px;height:30px;}
.ms-connection {text-align:center;color:var(--muted);}
.ms-connection>strong {font-size:.73rem;font-weight:600;}
.ms-connection>small {display:block;font-size:.63rem;}
.ms-wire {position:relative;height:17px;border-top:1px solid var(--line);margin:13px 9px 0;}
.ms-wire>.ms-icon {position:absolute;right:-3px;top:-13px;color:var(--accent);background:var(--surface);}
.ms-wire>i {position:absolute;left:43%;top:-4px;height:7px;width:7px;border-radius:50%;background:var(--accent);}
.ms-direction-back .ms-wire {transform:rotate(180deg);}
.ms-direction-local .ms-wire>i,.ms-direction-local .ms-wire>.ms-icon {display:none;}
.ms-scene-body {display:flex;flex-direction:column;gap:20px;min-height:360px;padding-top:22px;}
.ms-stage-heading h3 {font-size:clamp(1.16rem,2vw,1.45rem);line-height:1.35;font-weight:600;letter-spacing:-.025em;margin:6px 0 0;}
.ms-eyebrow {display:block;font-size:.64rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);}
.ms-stage-heading>.ms-eyebrow {color:var(--accent);}
.ms-client-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.ms-card {min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:17px;}
.ms-card>header {display:flex;align-items:center;gap:8px;margin-bottom:17px;}
.ms-card>header>strong {font-size:.76rem;font-weight:600;}
.ms-card>header>span:last-child:not(.ms-client-tag) {margin-left:auto;color:var(--muted);font-size:.65rem;}
.ms-tokenize-flow {display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px;align-items:center;}
.ms-inputs,.ms-local-models,.ms-bundle {display:grid;gap:10px;}
.ms-sample-image {display:flex;gap:7px;align-items:center;justify-content:center;min-height:43px;padding:8px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:6px;background:var(--tint);}
.ms-sample-image>i {width:13px;height:13px;border-radius:50%;background:var(--accent);}
.ms-sample-text {display:grid;place-items:center;min-height:43px;padding:6px;border:1px solid color-mix(in srgb,var(--story-secondary) 35%,var(--line));border-radius:6px;background:color-mix(in srgb,var(--story-secondary) 7%,var(--surface));color:var(--story-secondary);font-size:.7rem;text-align:center;line-height:1.4;}
.ms-local-models>span {display:grid;place-content:center;text-align:center;min-height:43px;padding:5px 3px;background:var(--soft);border-radius:6px;border:1px solid currentColor;font-size:.65rem;line-height:1.35;}
.ms-tokenize-models {position:relative;}
.ms-tokenize-models::before,.ms-tokenize-models::after {content:'›';position:absolute;top:calc(50% - 12px);font-size:20px;color:var(--muted);}
.ms-tokenize-models::before {left:-10px;}.ms-tokenize-models::after {right:-10px;}
.ms-bundle>strong {display:flex;align-items:center;gap:7px;font-size:.72rem;font-weight:500;color:var(--muted);}
.ms-modality {display:flex;justify-content:center;align-items:center;gap:8px;min-height:43px;}
.ms-modality>.ms-icon {width:17px;height:17px;}
.ms-modality:first-of-type {color:var(--accent);}.ms-modality:last-of-type {color:var(--story-secondary);}
.ms-tokens {display:inline-flex;align-items:center;gap:4px;}
.ms-tokens>i {display:block;width:16px;height:21px;border-radius:3px;border:1px solid currentColor;background:color-mix(in srgb,currentColor 14%,var(--surface));}
.ms-tokens.ms-text>i {height:12px;border-radius:6px;}
.ms-tokens.ms-encoded>i {background:color-mix(in srgb,currentColor 60%,var(--surface));}
.ms-tokens.ms-gradient>i {background:var(--surface);border-style:dashed;}
.ms-footnote {display:flex;justify-content:center;gap:18px;flex-wrap:wrap;align-items:baseline;color:var(--muted);font-size:.73rem;padding-top:4px;}
.ms-footnote strong {font-size:.73rem;font-weight:600;}
.ms-scene-body>[data-reveal]:last-child {margin-top:auto;}
.ms-legend {font-size:.68rem;}
.ms-upload-layout {display:grid;grid-template-columns:1fr 50px 1fr;gap:20px;align-items:center;max-width:720px;width:100%;margin:auto;}
.ms-senders {display:grid;gap:12px;}
.ms-packet {border:1px solid var(--line);border-radius:10px;padding:12px 20px;background:var(--soft);}
.ms-packet .ms-bundle {grid-template-columns:1fr 1fr;gap:6px 14px;}
.ms-packet .ms-bundle>strong {grid-column:1/-1;}
.ms-packet .ms-modality {justify-content:flex-start;min-height:32px;gap:6px;}
.ms-parallel-arrows {display:flex;min-height:190px;flex-direction:column;justify-content:space-around;align-items:center;color:var(--accent);}
.ms-route-arrow {color:var(--accent);text-align:center;}
.ms-inbox {border:1px solid var(--accent);border-radius:13px;padding:18px;background:var(--tint);display:grid;gap:17px;}
.ms-inbox>header {display:flex;gap:9px;align-items:center;color:var(--accent);font-size:.78rem;}
.ms-inbox>header>strong {font-weight:600;}
.ms-inbox-row {display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:13px 11px;}
.ms-inbox-row>div {display:flex;gap:10px;flex-wrap:wrap;}
.ms-encode-layout {display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1.25fr) 28px minmax(0,1.25fr);gap:13px;align-items:center;}
.ms-encode-inputs,.ms-encode-outputs {display:grid;gap:13px;}
.ms-encode-input {border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:var(--soft);}
.ms-encode-input .ms-bundle {gap:4px;}
.ms-encode-input .ms-modality {min-height:28px;justify-content:flex-start;}
.ms-encoder {min-height:251px;border:1px solid var(--accent);border-radius:14px;background:var(--tint);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:15px 10px;}
.ms-encoder>.ms-icon {width:50px;height:50px;color:var(--accent);}
.ms-encoder>strong {font-size:.86rem;font-weight:600;text-align:center;}
.ms-encoder>small {font-size:.69rem;color:var(--muted);}
.ms-encoder-modalities {display:flex;gap:13px;justify-content:center;flex-wrap:wrap;}
.ms-encoder-modalities>span {display:flex;align-items:center;gap:4px;font-size:.66rem;}
.ms-encoder-modalities .ms-icon {width:17px;height:17px;}
.ms-encode-output {border:1px solid var(--line);border-radius:9px;padding:11px;background:var(--surface);}
.ms-fusion {text-align:center;}
.ms-joined {display:flex;justify-content:center;gap:5px;padding:7px 0;border:1px solid var(--line);border-radius:6px;background:var(--soft);}
.ms-joined .ms-tokens {gap:3px;}
.ms-joined .ms-tokens>i {width:12px;height:16px;}
.ms-joined .ms-text>i {height:9px;}
.ms-fusion>small {display:block;color:var(--muted);font-size:.61rem;margin-top:7px;}
.ms-prediction-return {display:flex;justify-content:center;align-items:center;gap:10px;margin-top:8px;}
.ms-prediction {font-size:1.25rem;font-weight:600;color:var(--accent);}
.ms-return-arrow>.ms-icon {width:20px;height:20px;color:var(--accent);}
.ms-loss-inputs {display:flex;gap:12px;align-items:center;justify-content:center;}
.ms-symbol {display:grid;justify-items:center;gap:7px;min-width:90px;}
.ms-symbol>b {display:block;text-align:center;line-height:52px;min-height:52px;width:100%;border:1px solid var(--accent);border-radius:8px;background:var(--tint);font-size:1.3rem;font-weight:500;color:var(--accent);}
.ms-symbol>small {font-size:.68rem;color:var(--muted);}
.ms-symbol.ms-label>b {border-color:var(--story-warn);color:var(--story-warn);background:color-mix(in srgb,var(--story-warn) 7%,var(--surface));}
.ms-plus,.ms-equals {font-size:1.2rem;color:var(--muted);}
.ms-loss-result {position:relative;display:flex;align-items:center;justify-content:center;gap:11px;max-width:180px;margin:27px auto 0;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--soft);}
.ms-loss-result::before {content:'↓';position:absolute;left:calc(50% - 5px);top:-25px;color:var(--muted);}
.ms-loss-result>span {font-size:.7rem;color:var(--muted);}.ms-loss-result>b {font-size:1.35rem;font-weight:500;}
.ms-loss-send {display:flex;align-items:center;justify-content:center;gap:14px;padding-top:15px;color:var(--accent);}
.ms-loss-send>strong {font-size:1rem;font-weight:500;}.ms-loss-send>span {font-size:.72rem;}
.ms-label-key {color:var(--story-warn);}
.ms-objective {display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--soft);}
.ms-objective>.ms-eyebrow {max-width:90px;line-height:1.6;}
.ms-equation {display:flex;align-items:center;gap:20px;}
.ms-loss-term {display:flex;align-items:center;gap:9px;}
.ms-fraction {display:grid;text-align:center;line-height:1.3;font-size:.9rem;}
.ms-fraction>span:first-child {border-bottom:1px solid var(--muted);padding:0 3px 4px;}
.ms-fraction>span:last-child {padding-top:4px;}
.ms-loss-term>b,.ms-global-loss {font-size:1.5rem;font-weight:500;}
.ms-global-loss {color:var(--accent);}
.ms-objective>small {font-size:.67rem;color:var(--muted);}
.ms-backward {position:relative;display:flex;gap:17px;align-items:center;justify-content:center;margin:auto;padding:16px 25px;background:var(--tint);border:1px solid var(--accent);border-radius:12px;max-width:450px;width:100%;}
.ms-backward::before {content:'↓';position:absolute;left:calc(50% - 5px);top:-25px;color:var(--muted);}
.ms-backward>.ms-icon {width:39px;height:39px;color:var(--accent);}
.ms-backward strong {display:block;font-size:.92rem;font-weight:600;}.ms-backward small {display:block;color:var(--muted);font-size:.69rem;margin-top:4px;}
.ms-update-mark {margin-left:auto;color:var(--accent);}
.ms-gradient-grid {display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.ms-gradient-return {display:flex;gap:12px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;padding:14px 10px;}
.ms-left-arrow>.ms-icon {transform:rotate(180deg);color:var(--accent);}
.ms-gradient-pair {display:flex;flex-direction:column;gap:7px;}
.ms-gradient-pair .ms-tokens>i {width:12px;height:16px;}.ms-gradient-pair .ms-text>i {height:9px;}
.ms-gradient-return>strong {font-size:.9rem;font-weight:500;}
.ms-update-gradients {display:flex;justify-content:space-between;gap:12px;align-items:center;padding:7px 0;}
.ms-update-gradients>span {font-size:.7rem;color:var(--muted);}
.ms-update-gradients>div {display:flex;align-items:center;gap:9px;}
.ms-local-backward {display:block;text-align:center;font-size:.68rem;color:var(--muted);margin:7px 0 13px;}
.ms-updated-models {display:grid;gap:9px;}
.ms-updated-models>span {display:flex;gap:8px;align-items:center;font-size:.73rem;padding:9px 11px;border:1px solid currentColor;border-radius:7px;background:var(--soft);}
.ms-updated-models .ms-icon {width:18px;height:18px;}.ms-updated-models .ms-icon:last-child {margin-left:auto;width:15px;height:15px;}
.ms-next-batch {display:flex;justify-content:center;align-items:center;gap:11px;border-top:1px solid var(--line);padding-top:15px;color:var(--accent);}
.ms-next-batch>strong {font-size:.85rem;font-weight:600;}.ms-next-batch>span {font-size:.7rem;color:var(--muted);}
[data-running='true'] [data-story-scene]:not([hidden]) .ms-wire>i {animation:ms-travel 2.8s ease-in-out infinite;}
[data-running='true'] [data-story-scene]:not([hidden]) .ms-encoder>.ms-icon {animation:ms-encode-pulse 2.6s ease-in-out infinite;}
[data-running='true'] [data-story-scene]:not([hidden]) .ms-packet .ms-tokens>i {animation:ms-token-pulse 2.8s ease-in-out infinite;animation-delay:calc(var(--ms-token)*.15s);}
@keyframes ms-travel {0%{left:0;opacity:0;}15%{opacity:1;}85%{opacity:1;}100%{left:calc(100% - 6px);opacity:0;}}
@keyframes ms-encode-pulse {0%,100%{opacity:1;transform:translateY(0);}50%{opacity:.65;transform:translateY(-3px);}}
@keyframes ms-token-pulse {0%,100%{transform:translateX(0);}50%{transform:translateX(3px);}}
@media(max-width:650px) {
 .ms-network {gap:11px;grid-template-columns:minmax(0,1fr) minmax(64px,.8fr) minmax(0,1fr);padding:16px 0;}
 .ms-endpoint {gap:6px;padding:8px;flex-wrap:wrap;}
 .ms-endpoint>.ms-client-tag {display:none;}
 .ms-endpoint strong {font-size:.71rem;}
 .ms-endpoint small {font-size:.65rem;}
 .ms-server {min-height:90px;align-content:center;gap:5px;}
 .ms-server>.ms-icon {width:24px;height:24px;}
 .ms-connection>strong {font-size:.67rem;}
 .ms-connection>small {font-size:.64rem;line-height:1.4;}
 .ms-wire {margin:12px 3px 0;}
 .ms-scene-body {gap:16px;padding-top:17px;min-height:470px;}
 .ms-eyebrow {font-size:.59rem;letter-spacing:.055em;}
 .ms-stage-heading h3 {font-size:1.12rem;}
 .ms-client-grid {grid-template-columns:1fr;gap:11px;}
 .ms-card {padding:13px;}
 .ms-card>header {margin-bottom:11px;}
 .ms-tokenize-flow {grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,.95fr);gap:12px;}
 .ms-modality {gap:5px;}.ms-modality>.ms-icon {width:14px;height:14px;}
 .ms-tokens>i {width:13px;height:19px;}.ms-tokens.ms-text>i {height:11px;}
 .ms-tokenize-card .ms-modality>.ms-icon {display:none;}
 .ms-footnote {gap:7px 15px;font-size:.67rem;text-align:center;}
 .ms-footnote strong {font-size:.67rem;}
 .ms-upload-layout {gap:9px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);}
 .ms-packet {padding:12px;}
 .ms-packet .ms-bundle {grid-template-columns:1fr;gap:4px;}
 .ms-packet .ms-modality {justify-content:center;min-height:30px;}
 .ms-packet .ms-modality>.ms-icon {display:none;}
 .ms-inbox {padding:11px 9px;gap:12px;}
 .ms-inbox>header {flex-wrap:wrap;gap:6px;font-size:.71rem;}
 .ms-inbox-row {padding:12px 7px;gap:7px;}
 .ms-inbox-row>.ms-client-tag {width:20px;height:20px;font-size:.6rem;}
 .ms-inbox-row>div {gap:6px;}
 .ms-inbox-row .ms-tokens {gap:3px;}.ms-inbox-row .ms-tokens>i {width:10px;height:15px;}.ms-inbox-row .ms-text>i {height:9px;}
 .ms-parallel-arrows {min-height:245px;}
 .ms-encode-layout {grid-template-columns:1fr;gap:8px;}
 .ms-encode-inputs,.ms-encode-outputs {grid-template-columns:1fr 1fr;gap:10px;}
 .ms-encode-input {padding:8px;}
 .ms-encode-input .ms-modality {justify-content:center;}
 .ms-encode-input .ms-modality>.ms-icon {width:14px;height:14px;}
 .ms-encode-layout>.ms-route-arrow {height:19px;}
 .ms-encode-layout>.ms-route-arrow>.ms-icon {transform:rotate(90deg);width:19px;height:19px;vertical-align:top;}
 .ms-encoder {min-height:115px;display:grid;grid-template-columns:50px 1fr;gap:4px 12px;padding:11px 18px;text-align:left;}
 .ms-encoder>.ms-icon {grid-column:1;grid-row:1/5;width:43px;height:43px;}
 .ms-encoder>.ms-eyebrow,.ms-encoder>strong,.ms-encoder-modalities,.ms-encoder>small {grid-column:2;}
 .ms-encoder>strong {font-size:.8rem;text-align:left;}
 .ms-encoder-modalities {justify-content:flex-start;gap:10px;}
 .ms-encoder>small {font-size:.64rem;}
 .ms-encode-output {padding:9px 7px;}
 .ms-joined {gap:4px;}.ms-joined .ms-tokens {gap:2px;}.ms-joined .ms-tokens>i {width:10px;height:14px;}.ms-joined .ms-text>i {height:8px;}
 .ms-fusion>small {font-size:.65rem;}
 .ms-prediction-return {gap:7px;}
 .ms-loss-card {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(65px,.8fr);column-gap:13px;align-items:center;}
 .ms-loss-card>header {grid-column:1/-1;}
 .ms-loss-card>.ms-loss-result {margin:0;}
 .ms-loss-card>[data-reveal]:last-child {grid-column:1/-1;}
 .ms-loss-inputs {gap:7px;}
 .ms-symbol {min-width:0;flex:1;gap:5px;}
 .ms-symbol>b {font-size:1.15rem;min-height:45px;line-height:45px;}
 .ms-symbol>small {font-size:.65rem;white-space:nowrap;}
 .ms-loss-result {margin:0;flex-direction:column;gap:0;min-height:65px;}
 .ms-loss-result::before {content:'→';left:-17px;top:18px;}
 .ms-loss-send {padding-top:11px;font-size:.68rem;}
 .ms-objective {gap:12px;padding:15px 10px;}
 .ms-objective>.ms-eyebrow {max-width:none;width:100%;text-align:center;}
 .ms-equation {gap:13px;}.ms-loss-term {gap:6px;}
 .ms-fraction {font-size:.8rem;}.ms-loss-term>b,.ms-global-loss {font-size:1.3rem;}
 .ms-objective>small {width:100%;text-align:center;}
 .ms-backward {padding:13px;gap:11px;}
 .ms-backward>.ms-icon {width:30px;height:30px;}
 .ms-backward strong {font-size:.79rem;}.ms-backward small {font-size:.64rem;}
 .ms-update-mark>.ms-icon {width:20px;height:20px;}
 .ms-gradient-grid {grid-template-columns:1fr;gap:9px;}
 .ms-gradient-return {display:grid;grid-template-columns:24px 24px minmax(0,1fr) auto;padding:11px;gap:10px;}
 .ms-gradient-pair {gap:7px;align-items:center;}
 .ms-gradient-return>strong {font-size:.81rem;}
 .ms-update-gradients {padding:0;}
 .ms-update-gradients>div {gap:7px;}
 .ms-update-gradients .ms-tokens {gap:3px;}.ms-update-gradients .ms-tokens>i {width:11px;height:16px;}.ms-update-gradients .ms-text>i {height:9px;}
 .ms-updated-models {grid-template-columns:1fr 1fr;gap:8px;}
 .ms-updated-models>span {padding:8px;font-size:.66rem;gap:6px;line-height:1.4;}
 .ms-updated-models>span>.ms-icon:first-child {display:none;}
 .ms-updated-models>span>.ms-icon:last-child {width:13px;height:13px;}
 .ms-next-batch {flex-wrap:wrap;gap:7px;}
 .ms-next-batch>span {flex-basis:100%;text-align:center;font-size:.67rem;}
}
@media(prefers-reduced-motion:reduce) {
 .ms-art * {animation:none!important;}
 .ms-wire>i {left:43%;opacity:1;}
}

.ms-client>.ms-icon{width:24px;height:24px;color:currentColor}