@import url('./roller-studio.css?v=3');
:root{--sand:#d4c396}.stage{background:radial-gradient(ellipse at 54% 43%,#3b5459,#20373e 52%,#12242c)}.scene-heading .eyebrow,.inspector-heading .eyebrow{color:#d3c59a}h1 em,h2 em{color:#ddcea3}.scene-heading h1{font-size:clamp(28px,2.7vw,44px)}.scene-heading{z-index:2}.readout{min-width:142px;border-color:#d4c396}.readout b{font-size:23px}.readout span{font-size:9px}.tabs button{font-size:11px}button[aria-pressed=true]{background:#d4c396;border-color:#d4c396;color:#213c3b}.subtitle{font-size:8px;letter-spacing:.14em;margin-top:18px}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:20px 0}.focus-grid button{font-size:10px;padding:11px 8px}.phase-track{display:flex;gap:7px;font-size:9px}.phase-track span{flex:1;padding:9px 7px;text-align:center;border:1px solid #456064;border-radius:4px;color:#8caaa9}.phase-track .active{background:#d3c296;color:#213735;border-color:#d3c296}.service-actions{grid-template-columns:1fr 1fr}.service-actions button{padding:11px 7px}.chemistry{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:17px 0;font-size:9px}.chemistry span{padding:9px 5px;flex:1;border:1px solid #66736b;border-radius:5px;text-align:center;color:#efbb74}.chemistry span:nth-of-type(2){color:#c9a3d5}.chemistry span:nth-of-type(3){color:#9ac9a1}.chemistry b{font-size:14px}.chemistry i{font-style:normal}.chart-axis{stroke:#476268;fill:none}#flow-trace{stroke:#b8d6bd;stroke-width:2;fill:none}.references{font-size:11px;line-height:1.7;margin-top:28px;border-top:1px solid #375057;padding-top:17px}.references a{color:#bbd9cf}.legend{font-size:9px;line-height:1.7;gap:8px}.part-label{border-color:#d5c99f}.part-label b{color:#dfc494;margin-right:6px}#study-banner{border-left-color:#d4c396}#study-banner b{color:#e2d2a4}body[data-mode=macro] .scene-heading h1,body[data-mode=exploded] .scene-heading h1{font-size:26px}body[data-mode=macro] #labels{display:none}.study-controls button{padding:14px 12px}#viewport canvas{outline:none}#wetness{margin-top:7px}#lesson .lesson-nav{display:flex;gap:8px;margin:16px 0}.history{margin-top:22px}.history svg{width:100%;height:110px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:20px 0}.scenario-grid button{font-size:11px;padding:11px 7px}body[data-study]:not([data-study='']) .readout{display:none}.playback button{font-size:10px}.stage:fullscreen{height:100dvh;min-height:0}.stage:fullscreen #viewport,.stage:fullscreen #labels{bottom:152px}button:disabled{opacity:.45}#panel-care p{color:#bed0cd}
@media(max-width:760px){header{padding:0 17px}.workspace{display:flex;flex-direction:column}.stage{position:relative;top:auto;width:100%;height:700px;min-height:620px;max-height:none}.readout{top:138px;right:13px;min-width:117px}.readout b{font-size:19px}.scene-heading h1{font-size:28px}.scene-heading .eyebrow{font-size:7px}.subtitle{font-size:6px}.scene-heading{left:18px;top:23px}.transport{padding:12px 14px}.playback{flex-wrap:wrap}.playback button{font-size:9px;padding:7px}#viewport,#labels{bottom:155px}.viewbar{bottom:168px}.modes button{font-size:8px;padding:10px 6px}.part-label{font-size:8px;max-width:125px}#study-banner{bottom:212px}.inspector{border-left:0;border-top:1px solid #40585a}#view-note{bottom:212px}.legend{font-size:10px}#status{margin-bottom:0}.wordmark small{display:none}.scene-heading .edition{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.skip{top:8px;transform:translateY(-200%);opacity:0;pointer-events:none}.skip:focus{transform:none;opacity:1;pointer-events:auto}@media(max-width:760px){.readout{top:28px;right:12px;min-width:108px;max-width:116px}.readout b{font-size:17px}.readout span{font-size:8px}.readout small{font-size:6px}}