.workshop-main{width:calc(100% - 32px);max-width:1800px;padding:24px 0}.workshop-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.workshop-heading h1{font-size:clamp(1.8rem,3vw,2.8rem);margin:8px 0}.workshop-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px 0}.workshop-toolbar button{font-size:.92rem;padding:.55rem .8rem}.workshop-state{padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-bottom:18px}.workshop-state p{margin:.3em 0;max-width:none}.workshop-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;align-items:start}.lesson-panel{max-height:78vh;overflow:auto;padding:20px;border:1px solid var(--line);border-radius:8px;font-size:.94rem}.lesson-panel h2{font-size:1.5rem}.lesson-panel h3{font-size:1.15rem}.lesson-panel select{width:100%;max-width:100%;font:inherit;padding:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);margin:8px 0 24px}.playground-stage{position:relative;min-width:0;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.playground-stage iframe{display:block;width:100%;height:78vh;min-height:600px;border:0;background:#fff}.playground-placeholder{background:var(--surface);min-height:600px;padding:clamp(24px,5vw,60px);display:grid;align-content:center;color:var(--text)}.playground-placeholder h2{max-width:25ch}.playground-placeholder p{max-width:55ch}.workshop-stage-wide .workshop-grid{grid-template-columns:1fr}.workshop-stage-wide .lesson-panel{display:none}.workshop-stage-wide .playground-stage iframe{height:85vh}.recovery-panel{border:2px solid var(--accent);padding:20px;margin:20px 0}.workshop-limit{font-size:.85rem;color:var(--muted)}.workshop-active .playground-placeholder{display:none}.workshop-active iframe{display:block}.workshop-active iframe[inert]{opacity:.65}.workshop-active button[data-start]{display:none}body:has(.workshop-main) header{max-width:1800px;width:calc(100% - 32px)}@media(max-width:900px){.workshop-grid{grid-template-columns:1fr}.lesson-panel{max-height:360px}.playground-stage iframe{height:75vh;min-height:560px}.workshop-toolbar{gap:8px}.workshop-toolbar button{flex-grow:1}.playground-placeholder{min-height:400px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.playground-stage iframe[hidden],[data-recovery][hidden]{display:none!important}

/* Cover the runtime without hiding its document while the browser boots it. */
.workshop-starting .playground-stage iframe{position:absolute;inset:0;pointer-events:none}

.workshop-starting .playground-stage{min-height:max(600px,78vh)}
.workshop-starting .playground-placeholder{position:absolute;inset:0;z-index:1}
[data-stop-startup][hidden]{display:none!important}