.model-studio{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;margin-top:78px;padding-top:64px;border-top:1px solid var(--variant-line)}.model-studio-copy>.eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:22px}.model-studio-copy h3{font-size:30px;line-height:1.3;letter-spacing:-1px;color:var(--text)}.model-studio-copy h3 span{color:var(--variant-heading)}.model-studio-copy>p:not(.eyebrow){font-size:13px;line-height:1.95;color:var(--variant-muted);max-width:420px;margin-top:24px}.model-studio-copy>.model-studio-note{font:10px/1.9 var(--mono)!important;margin-top:24px!important;color:var(--variant-soft)!important}.training-demo{min-width:0;position:relative}.training-terminal{margin:0;transition:opacity .55s,transform .65s,filter .55s}.training-content{padding:20px 23px 25px}.training-tabs{display:flex;gap:16px;margin-bottom:23px;border-bottom:1px solid var(--variant-line)}.training-tabs button{display:flex;align-items:center;gap:7px;padding:10px 0 14px;border:0;border-bottom:1px solid transparent;background:none;color:var(--variant-muted);font:9px/1.5 var(--mono)}.training-tabs button span{font-size:10px}.training-tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent)}.training-tabs button[data-complete=true]{color:var(--variant-soft)}.training-command{font:11px/1.8 var(--mono);color:var(--variant-text);display:flex;gap:12px;margin-bottom:20px}.training-command>span:first-child{color:var(--accent)}.training-code{font:11px/1.95 var(--mono);color:var(--variant-text);margin:0;min-height:178px;overflow-x:auto;scrollbar-width:thin;tab-size:4;white-space:pre}.training-code code{font:inherit}.training-output{font:10px/1.9 var(--mono);color:var(--variant-soft);border-top:1px dashed var(--variant-line);margin-top:18px;padding-top:16px;min-height:55px}.training-output:before{content:'> ';color:var(--accent)}.training-caption{font:9px/1.8 var(--mono);color:var(--variant-muted);margin-top:12px}.training-terminal .terminal-footer{align-items:center;gap:12px}.training-terminal .terminal-footer button{font:9px var(--mono);color:var(--variant-soft);padding:3px 0;background:none;border:0;white-space:nowrap}.training-terminal .terminal-footer button:hover{color:var(--accent)}.training-pixels{position:absolute;inset:-34px -24px 0;z-index:4;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .2s}.training-pixels canvas{width:100%;height:100%;display:block}.training-enhanced:not(.training-visible) .training-terminal{opacity:0;transform:translateY(12px);filter:blur(3px)}.training-enhanced.training-building .training-terminal{opacity:.1;transform:translateY(5px);filter:blur(2px)}.training-enhanced.training-building .training-pixels{opacity:1}.training-code.is-updating{animation:training-code-in .32s ease-out both}.training-output.is-updating{animation:training-code-in .4s .1s both}@keyframes training-code-in{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:1100px){.model-studio{gap:30px;grid-template-columns:.9fr 1.1fr}.model-studio-copy h3{font-size:25px}.training-content{padding:17px}.training-tabs{gap:11px}.training-tabs button span{font-size:9px}.training-code{font-size:10px}}@media(max-width:760px){.model-studio{grid-template-columns:1fr;gap:35px;margin-top:45px;padding-top:38px}.model-studio-copy h3{font-size:27px}.model-studio-copy>p:not(.eyebrow){font-size:12px}.training-content{padding:15px}.training-tabs{gap:12px;justify-content:space-between;margin-bottom:18px}.training-tabs button{gap:5px;font-size:8px}.training-tabs button span{font-size:8px}.training-command{font-size:9px;gap:8px}.training-code{font-size:9px;line-height:2;min-height:166px}.training-output{font-size:9px;min-height:65px}.training-terminal .terminal-footer{font-size:7px}.training-terminal .terminal-footer button{font-size:8px}.training-caption{font-size:8px}.training-pixels{inset:-24px -10px 0}}@media(prefers-reduced-motion:reduce){.training-terminal,.training-pixels{transition:none}.training-code.is-updating,.training-output.is-updating{animation:none}.training-enhanced:not(.training-visible) .training-terminal{opacity:1;transform:none;filter:none}}
/* Reversible, viewport-wide particle field. Space is reserved throughout the effect. */
.training-scroll-pixels .training-terminal{transition:none;transform:none;filter:none;will-change:opacity}
.training-scroll-pixels .training-pixels{position:fixed;inset:0;width:100vw;height:100dvh;z-index:4;opacity:1;transition:none;overflow:hidden;pointer-events:none}
.training-scroll-pixels .training-pixels canvas{width:100%;height:100%}
@media(prefers-reduced-motion:reduce){.training-scroll-pixels .training-pixels{display:none}.training-scroll-pixels .training-terminal{opacity:1!important}}