.classroom-shell .classroom-modes{border:0;background:transparent;padding:0;flex-shrink:0}
.classroom-shell #studio-view-mode{height:38px;border:1px solid var(--class-line,#dce5eb);border-radius:10px;padding:0 25px 0 10px;background:var(--class-panel,#fff);color:var(--class-ink,#24445b);max-width:185px;font:inherit;font-size:12px;cursor:pointer}
#circuit-pane{min-width:0;min-height:0;display:flex;flex-direction:column;flex:1;background:#edf3f6}
#circuit-pane[hidden]{display:none!important}.workspace-panel[hidden]{display:none!important}
#circuit-frame{border:0;display:block;width:100%;flex:1;min-height:0;background:#edf3f6}
.circuit-pane-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;background:var(--class-panel,#fff);border-bottom:1px solid var(--class-line,#dce5eb);font-size:11px}
.circuit-pane-bar strong{font-size:12px}.circuit-pane-bar span{color:var(--class-muted,#63798d);flex:1}.circuit-pane-bar button{font-size:11px;padding:5px 8px}.circuit-pane-bar input{width:75px}
body[data-studio-view="circuit"] #surface{display:flex}body[data-studio-view="circuit"] #code-panel{display:none!important}
body[data-studio-view="code"] #code-panel{position:static!important;display:flex;width:100%;max-width:none;flex:1}
body[data-studio-view^="split"] #surface{display:flex;gap:0}
body[data-studio-view^="split"] .workspace-panel{flex:1;min-width:0;border-right:3px solid var(--class-line,#dce5eb)}
body[data-studio-view^="split"] #circuit-pane{flex:0 0 var(--circuit-ratio,50%)}
body[data-studio-view^="split"] #code-panel{display:none!important}
#circuit-block-guard{position:absolute;inset:0;z-index:4;cursor:grab;touch-action:none;background:transparent}
#circuit-block-guard[hidden]{display:none}#circuit-block-guard:active{cursor:grabbing}
.classroom-teaching .blocklyToolbox,.classroom-teaching .blocklyFlyout,.classroom-teaching .blocklyToolboxFlyout,.classroom-teaching .blocklyFlyoutScrollbar{display:none!important}
body.circuit-split-locked .workspace-tools{z-index:5}
.setup-connected .classroom-menu-grid{margin-top:0;margin-bottom:25px}.setup-connected .classroom-intro{padding-top:18px;border-top:1px solid var(--class-line,#dce5eb)}
@media(max-width:1100px){.classroom-shell #studio-view-mode{max-width:150px;font-size:11px}}
@media(max-width:850px){body[data-studio-view^="split"] #surface{flex-direction:column}body[data-studio-view^="split"] .workspace-panel{flex:1;min-height:0}body[data-studio-view^="split"] #circuit-pane{flex:1;border-top:3px solid var(--class-line,#dce5eb)}.circuit-pane-bar{padding:4px 8px;gap:4px}.circuit-pane-bar strong{display:none}.circuit-pane-bar span{font-size:10px}}
@media(max-width:650px){.classroom-shell #studio-view-mode{max-width:125px;height:34px;font-size:10px;padding-left:5px}.classroom-shell .classroom-modes{min-width:0}}

body.classroom-shell .blocklyToolbox{width:var(--category-width,110px)!important;min-width:var(--category-width,110px)!important}
body.classroom-shell:not(.classroom-teaching) #blocks{top:26px}
#category-size-reset,#palette-size-reset{position:absolute;top:2px;z-index:95;height:21px!important;min-height:0!important;font-size:9px;padding:2px 5px;border-radius:7px;background:var(--class-panel,#fff)}
#category-resizer{position:absolute;top:26px;bottom:0;width:7px;cursor:col-resize;touch-action:none;z-index:95}#category-resizer:hover,#category-resizer:focus{background:#168b8b80}
#category-resizer[hidden],#category-size-reset[hidden],#palette-size-reset[hidden]{display:none}
@media(max-width:850px){body[data-studio-view^="split"] #circuit-pane{flex:0 0 var(--circuit-ratio,50%)}}