/* Porcelain and blue signalwork. The machine, not UI chrome, owns the screen. */
body.studio{--bg:#edf2f6;--panel:#fff;--ink:#183047;--muted:#52687b;--line:#c5d1dc;--mint:#245dd8;--gold:#925316;background:var(--bg);color:var(--ink)}
.studio .shell{grid-template-columns:200px minmax(0,1fr)}.studio aside{background:#e3eaf1;border-color:#c4d0dc;padding:24px 14px}.studio .brand{font-size:21px}.studio .mark{background:#183047;color:#e9f1fc;border-radius:9px 9px 9px 2px}.studio .brand-small{letter-spacing:.7px;font-size:8px}.studio .course-label{margin:35px 10px 12px;letter-spacing:0}.studio .return-lesson{font-size:11px;line-height:1.7}.studio nav button{font-size:12px;padding:12px 9px}.studio nav button.active{background:#fff;border-color:#bdccdd;color:#184cad;box-shadow:0 3px 8px #193b6410}.studio nav button b{color:inherit;display:inline-block;width:20px;margin-right:6px}.studio button{background:#f6f8fb;color:#183047;border-color:#bacbda;border-radius:7px}.studio button:hover{background:#e1eafa}.studio button.primary{background:#245dd8;color:#fff;border-color:#245dd8;box-shadow:0 3px 0 #173d8f}.studio button.primary:hover{background:#194dc0}.studio button.quiet{background:transparent}.studio button:disabled{opacity:.38;box-shadow:none}.studio a{color:#234e87}.studio main{max-width:1700px;padding:0 34px}.studio .workbench-crumbs{height:67px;min-height:67px;font-size:10px;letter-spacing:0;justify-content:flex-start;gap:7px}.studio section{padding:36px 0 45px;min-height:calc(100vh - 140px)}.studio h1{font-size:clamp(30px,3.3vw,46px);line-height:1.3}.studio h2{font-size:22px}.studio strong{color:#234e87}.studio .card{box-shadow:0 4px 20px #17304d05;border-color:#cbd6df}.studio .callout{background:#e2ebf8;color:#294c75}.studio textarea,.studio input,.studio select{background:#fff;color:#183047;border-color:#aabed0}.studio .primary{font-size:14px}.studio code,.studio pre{color:#875019}.studio .hero-graphic{background:#dce7f5;border-color:#b8cbe4}.studio .hero-graphic .formula span{color:#86501c}.studio .token,.studio .token-lane{background:#eef3fa;color:#234d86;border-color:#b6c8db}.studio .token.current{background:#245dd8;border-color:#245dd8;color:white}.studio .token-lane .token{color:#234d86;border-color:#adc2dc}.studio .output .token{color:#875019;border-color:#cbb79f}.studio #rules li.active{background:#e0eafb;color:#183047}.studio .answer{color:#183047}.studio .danger{color:#9b342a}.studio .tabs .active{background:#e2ebfa}.studio footer{padding:15px 0}.studio .aside-note{font-size:11px;padding:25px 8px}.studio .aside-note small{font-size:10px}.studio #exportAll{font-size:11px;padding:8px}.studio #inputError{color:#ad3126}
.journey-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.journey-heading h1{margin:6px 0 0;font-size:clamp(28px,2.7vw,42px);letter-spacing:-.025em}.journey-heading h1:focus{outline:none}.journey-heading #sceneNumber{font-size:12px;color:#52687b}.scene-picker{font-size:11px!important;margin:0!important;white-space:nowrap}.scene-picker select{display:block;min-width:126px;margin-top:5px;border-radius:6px;font-size:13px;padding:8px 10px}.journey-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:30px;align-items:start}.machine-frame{min-width:0;background:#fff;border:1px solid #b8c8d8;border-radius:16px;box-shadow:0 16px 35px -20px #23436255,0 3px 0 #c1ccda;overflow:hidden}.machine-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;padding:16px 20px;border-bottom:1px solid #d8e1ea;background:#f6f9fc;font-size:11px}.machine-top code{font-size:15px;color:#173b6b!important;overflow-wrap:anywhere}.machine-top .machine-badge{font-size:9px;margin-left:auto;color:#587087}.machine{padding:22px;position:relative;background-image:radial-gradient(#b2c3d63d .8px,transparent .8px);background-size:16px 16px;overflow:visible}.rail-title{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#284e78;align-items:center}.rail-title small{font-size:9px;color:#5c7185}.input-rail{display:flex;gap:5px;flex-wrap:wrap;padding:11px 0 14px;border-bottom:2px solid #a9bed6;min-height:58px}.rail-token{font:19px/1.5 var(--mono);padding:3px 7px;min-width:29px;text-align:center;border:1px solid transparent;border-radius:6px;color:#37536e;position:relative}.rail-token.is-current{background:#e1ecff;border:2px solid #245dd8;color:#17449a;padding:2px 6px;box-shadow:0 0 0 3px #245dd818}.rail-token.is-past{color:#8294a4}.end-token{font-size:12px;align-content:center}.machine-center{height:252px;display:grid;grid-template-columns:1fr minmax(130px,38%);align-items:stretch;gap:20px;padding-top:12px}.machine-inscription{display:flex;flex-direction:column;justify-content:center;color:#60758a;font-size:12px;line-height:1.9}.machine-inscription svg{width:100%;max-width:240px;height:125px;overflow:visible;fill:none;stroke:#a0b6ce;stroke-width:2}.machine-inscription svg circle{fill:#245dd8;stroke:#245dd8}.machine-inscription span{padding-left:8px}.stack-area{position:relative;display:flex;flex-direction:column;padding-bottom:22px;min-width:0}.stack-area .rail-title{margin-bottom:10px}.stack-rail{height:181px;display:flex;flex-direction:column-reverse;align-items:center;gap:4px;border-left:2px solid #b9cce2;border-right:2px solid #b9cce2;border-bottom:4px solid #7998bb;border-radius:0 0 7px 7px;padding:5px;position:relative;background:#edf3fc90}.material{display:inline-block;position:relative;z-index:2;min-width:36px;max-width:100%;border-radius:5px;background:#245dd8;color:#fff;font:18px/1.5 var(--mono);padding:2px 9px;text-align:center;box-shadow:0 3px 0 #183d8f;overflow-wrap:anywhere;will-change:transform}.stack-rail .material{width:88%;font-size:17px;line-height:1.35;padding:1px 7px}.material.boundary{background:#e8eff7;color:#2d557e;border:1px dashed #6d91b7;box-shadow:none}.stack-base{font-size:9px;text-align:center;color:#698097;position:absolute;bottom:5px;width:100%}.empty-stack{position:absolute;top:113px;left:0;width:100%;text-align:center;color:#7b8fa4;font-size:10px}.output-bed{position:relative;border-top:2px solid #b1c3d6;border-bottom:2px solid #b1c3d6;min-height:64px;padding:11px 0;margin-top:8px}.output-rail{display:flex;flex-wrap:wrap;gap:7px;min-height:35px}.output-rail .material{background:#224463;box-shadow:0 3px 0 #102739;min-width:30px;font-size:17px;padding:2px 7px}.empty-output{position:absolute;left:5px;top:20px;font-size:11px;color:#72899e}.machine-caption{padding:15px 20px;font-size:12px;line-height:1.9;min-height:78px;color:#3c5a78;border-top:1px solid #e1e8f0;background:#f7fafd}.machine-timeline{height:3px;background:#dee7f0}.machine-timeline span{display:block;height:100%;background:#245dd8;transition:width .3s}.machine-controls{display:flex;gap:6px;align-items:center;padding:12px 16px}.machine-controls button{font-size:11px;padding:7px 10px;min-height:37px}.machine-controls #journeyPlay{background:#e3ecfc;border-color:#c0d1ef;color:#1f4da3}.machine-controls #frameCount{font-size:10px;margin-left:auto;color:#667e95}.scene-coach{padding:20px 0 0;min-height:400px}.coach-label{display:block;color:#526b82;font-size:11px;margin-bottom:17px}.scene-coach h2{font-size:25px!important;line-height:1.65;margin:0 0 18px}.scene-coach p{font-size:14px;line-height:1.95;color:#496078;max-width:35em}.scene-coach .primary{width:100%;padding:13px 14px;margin-top:6px}.scene-coach>.quiet{margin-top:12px;font-size:11px;border:none;padding:8px 0}.choice-list{display:grid;gap:12px;margin:20px 0}.choice-list button{display:flex;align-items:center;gap:12px;text-align:left;background:#fff!important;padding:16px!important;font-size:14px;line-height:1.8;border:1px solid #afc3d8!important;box-shadow:0 3px 0 #d6e1ed}.choice-list button:hover{border-color:#245dd8!important;background:#e8f0fc!important}.choice-list button span{display:grid;place-items:center;border-radius:50%;background:#e3edfa;color:#2a5590;flex-shrink:0;width:25px;height:25px;font-size:11px}.scene-coach .hint-link{border:none;background:transparent;color:#2455a2;padding:8px 0;font-size:12px;text-decoration:underline;text-underline-offset:5px}.scene-coach .scene-hint{border-left:2px solid #9ab4d6;padding-left:12px;font-size:12px}.scene-coach .evidence-note{font-size:10px;color:#6a7d91;margin-top:22px}.structure-choice{background:#e2eaf4;border-radius:10px;padding:17px;margin-bottom:18px}.structure-choice span,.repair>span{display:block;font-size:10px;color:#627a93;margin-bottom:6px}.structure-choice strong{font-size:22px;color:#183e6c;line-height:1.8;font-weight:400;overflow-wrap:anywhere}.repair{border-left:2px solid #4a78b1;padding-left:15px;margin:20px 0}.repair strong{font-size:18px;font-weight:400;overflow-wrap:anywhere}.repair p{font-size:12px;margin:9px 0}.machine-help{margin-top:25px;border-top:1px solid #c3d2e1;padding-top:14px}.machine-help summary{font-size:12px;color:#345a86}.machine-help p{font-size:12px;margin-top:14px}.journey-notebook{margin:28px 0 0;border-top:1px solid #c3d2e1;padding-top:18px}.journey-notebook summary{font-size:13px;color:#395c83}.journey-notebook p{font-size:11px;color:#6a8094}.studio .skip{background:#245dd8;color:white}
@media(min-width:1450px){.studio main{padding:0 50px}.journey-layout{gap:45px}.machine{padding:26px}.machine-center{height:265px}}
@media(max-width:1150px){.studio .shell{grid-template-columns:170px minmax(0,1fr)}.studio main{padding:0 24px}.studio aside{padding:22px 10px}.studio nav button{font-size:11px}.journey-layout{grid-template-columns:minmax(0,1.25fr) minmax(240px,1fr);gap:20px}.machine{padding:16px}.material{font-size:16px}.machine-top{padding:12px 15px}.machine-top .machine-badge{display:none}.machine-inscription{font-size:10px}.scene-coach h2{font-size:21px!important}.rail-token{font-size:17px;padding:2px 5px;min-width:24px}.rail-token.is-current{padding:1px 4px}.machine-center{grid-template-columns:1fr 115px;gap:8px}.machine-controls{padding:10px}.machine-controls button{padding:7px}.machine-caption{padding:12px 15px}.studio .workbench-crumbs{font-size:9px;gap:4px}}
@media(max-width:920px){.journey-layout{grid-template-columns:1fr}.scene-coach{min-height:0;padding:10px 0 0}.scene-coach p{max-width:none}.machine-center{height:210px;grid-template-columns:1fr 150px}.stack-rail{height:158px;gap:2px}.stack-rail .material{font-size:16px}.empty-stack{top:95px}.machine-inscription svg{height:100px}.machine-caption{min-height:60px}.choice-list{grid-template-columns:1fr 1fr}.scene-coach .primary{width:auto;min-width:220px}.scene-coach .quiet{margin-left:15px}.machine-help{margin-top:15px}}
@media(max-width:720px){.studio .shell{display:block}.studio aside{padding:13px 18px;height:auto;display:grid;grid-template-columns:auto 1fr;gap:0 14px;border-bottom:1px solid #c4d0dc}.studio .brand{font-size:18px}.studio .brand-small{display:none}.studio .mark{width:30px;height:32px;font-size:22px}.studio .return-lesson{align-self:center;justify-self:end;margin:0;font-size:10px}.studio nav{grid-column:1/-1;gap:3px;margin:12px 0 0;overflow-x:auto;padding:0 0 3px}.studio nav button{font-size:10px;padding:8px;min-height:38px}.studio nav button b{width:auto;margin-right:5px}.studio main{padding:0 18px}.studio .workbench-crumbs{height:auto;min-height:52px;line-height:1.8;padding:10px 0;font-size:9px}.studio section{padding-top:24px;min-height:0}.journey-heading{gap:12px;margin-bottom:18px;align-items:flex-end}.journey-heading h1{font-size:25px;line-height:1.5;max-width:10em}.journey-heading #sceneNumber{font-size:10px}.scene-picker{font-size:9px!important}.scene-picker select{min-width:87px;font-size:11px;padding:7px}.machine{padding:14px}.machine-center{height:208px;grid-template-columns:1fr 112px;gap:10px}.machine-inscription span{font-size:10px}.machine-inscription svg{width:100%;height:85px}.machine-top{padding:10px 13px;font-size:10px}.machine-top code{font-size:12px}.rail-title{font-size:11px}.rail-title small{font-size:8px}.input-rail{gap:3px;min-height:48px;padding-top:8px;padding-bottom:10px}.rail-token{font-size:15px;min-width:21px;padding:2px 4px}.rail-token.is-current{padding:1px 3px}.material{min-width:28px}.output-rail{gap:5px}.output-rail .material{font-size:14px;min-width:25px;padding:2px 5px}.machine-caption{font-size:11px;min-height:66px}.machine-controls button{font-size:10px;padding:6px 8px;min-height:36px}.machine-controls #frameCount{font-size:9px}.scene-coach{padding-top:7px}.scene-coach h2{font-size:22px!important}.scene-coach p{font-size:14px}.choice-list{grid-template-columns:1fr;gap:10px}.choice-list button{padding:14px!important}.scene-coach .primary{width:100%;font-size:13px}.scene-coach .quiet{margin-left:0}.coach-label{margin-bottom:9px}.structure-choice strong{font-size:21px}.studio .aside-note{display:none}.studio footer{font-size:9px}.studio .journey-notebook summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){.machine-timeline span{transition:none}.material{will-change:auto}}
/* Keep the whole desktop machine and transport controls in one view. */
@media(min-width:921px){.studio section.journey-section{padding-top:24px}.journey-heading{margin-bottom:18px}.journey-heading h1{font-size:32px}.machine-center{height:185px}.stack-rail{height:139px;gap:3px}.stack-rail .material{font-size:14px;line-height:1.3;padding:1px 6px}.empty-stack{top:84px}.machine-inscription svg{height:78px}.machine{padding:17px 20px}.machine-caption{min-height:68px;padding:12px 18px}.machine-controls{padding:10px 14px}.input-rail{padding:8px 0 10px;min-height:50px}.output-bed{min-height:57px;padding:9px 0}.machine-top{padding:12px 18px}}
.studio nav button:not(.active){background:transparent;border-color:transparent;box-shadow:none}.studio nav button:not(.active):hover{background:#d5e1ed}
@media(max-width:720px){.studio nav{scrollbar-width:thin}.studio .workbench-crumbs{min-height:42px;padding:8px 0}.studio section.journey-section{padding-top:18px}.journey-heading{margin-bottom:14px}.journey-heading h1{font-size:23px}.machine-frame{display:flex;flex-direction:column}.machine-top{order:0}.machine-controls{order:1;border-bottom:1px solid #d5dfeb;padding:8px 12px}.machine{order:2;padding:12px}.machine-caption{order:3;min-height:56px;padding:10px 13px}.machine-timeline{order:4}.machine-center{height:152px;grid-template-columns:1fr 105px}.stack-rail{height:111px;gap:2px}.stack-rail .material{font-size:12px;line-height:1.25;padding:1px 5px;box-shadow:0 2px 0 #183d8f}.stack-base{bottom:1px}.empty-stack{top:73px;font-size:9px}.machine-inscription svg{height:60px}.machine-inscription span{font-size:9px}.rail-token{font-size:14px}.output-bed{min-height:52px;padding:8px 0}.output-rail{min-height:29px}.scene-coach{padding-top:0}.scene-coach h2{margin-bottom:12px}.scene-coach .coach-label{margin-bottom:6px}.scene-coach .evidence-note{margin-top:15px}.journey-layout{gap:18px}}
.studio aside nav a.active{background:#fff;border-color:#bdccdd;color:#184cad}.studio .path-card{color:#183047;border-color:#c0cfdd;box-shadow:0 7px 20px #17304d06}.studio .path-card.hero-path{background:#fff;border-top:3px solid #245dd8}.studio .path-card:hover{background:#e5edf8;border-color:#799dc9}.studio .path-card.unavailable:hover{background:white}.studio .path-card .number{letter-spacing:.6px;color:#526e8a;font-size:11px}.studio .empty-note{background:#f7fafd;border-color:#9fb6cf}.studio.portal header{letter-spacing:.4px}.studio.portal .local-notice{grid-column:1/-1}.studio.portal .aside-note{line-height:1.8}.studio.portal h1{font-size:clamp(32px,4vw,50px)}
@media(max-width:720px){.studio.portal nav{grid-column:1/-1}.studio.portal .local-notice{font-size:9px}.studio.portal .brand{grid-column:1/-1}.studio.portal .path-card{min-height:180px}.studio.portal header{height:54px;font-size:8px}.studio.portal #breadcrumbs{padding-top:17px}.studio.portal #routeView section{padding-top:22px}.studio.portal h1{font-size:33px}.studio .stack-area .rail-title small{font-size:7px}.studio .stack-area .rail-title{gap:2px}}
.studio .todo-column{padding:25px;min-height:300px}@media(max-width:720px){.studio .todo-column{padding:20px;min-height:260px}}