/* Header layout is normal flow at every width; no overlaid controls. */
.classroom-shell header{display:flex!important;flex-wrap:wrap!important;height:auto!important;min-height:76px!important;padding:12px!important;gap:14px!important;align-items:center}
.classroom-shell header>*{position:relative!important;flex-shrink:0;grid-area:auto!important;max-width:100%}
.classroom-shell .creator-links{order:20;flex-basis:100%;justify-content:flex-end;min-width:0!important;margin:0!important}
.classroom-shell #studio-language-buttons{margin-left:auto;display:flex!important;max-width:100%}
.classroom-shell #language-select{display:block!important;height:auto!important;min-height:44px;line-height:1.6;padding:6px 10px;max-width:100%}
.classroom-shell #classroom-connection{white-space:normal;max-width:320px;height:auto;min-height:42px;line-height:1.6;padding:8px 12px}
.classroom-shell .icon-only-052{position:relative;width:44px!important;height:44px!important;padding:10px!important;flex:none}
.icon-only-052 .icon-name-052{display:none!important}
.icon-only-052:focus-visible .icon-name-052{display:block!important;position:absolute;top:calc(100% + 7px);right:0;z-index:100;background:#15243a;color:white;padding:6px 10px;border-radius:5px;white-space:nowrap;pointer-events:none}
.flow051-emphasis,#classroom-connection.flow051-needed{border-width:1px!important;outline:3px solid #cf262b!important;outline-offset:6px!important;box-shadow:none!important}
#flow049-panel{padding:26px}.flow049-setup{gap:18px;padding:20px}
#flow049-action{width:calc(100% - 18px);margin:10px 9px}
.flow051-emphasis:focus-visible,#classroom-connection.flow051-needed:focus-visible{box-shadow:0 0 0 2px #eb971f!important}
@media(max-width:650px){.classroom-shell .brand{display:flex!important}.classroom-shell #studio-language-buttons{flex-basis:100%;justify-content:flex-end}.classroom-shell .classroom-code-actions{width:auto}.classroom-shell #classroom-connection{max-width:100%}.classroom-shell header{gap:14px!important}}

.classroom-shell .creator-links{order:0;flex-basis:auto;flex:0 1 auto;white-space:normal}
.classroom-shell header{min-height:66px!important;gap:12px!important;overflow:visible!important}
.classroom-shell header .creator-links{flex-basis:auto!important;max-width:190px;margin-left:auto!important}
.classroom-shell #studio-language-buttons{margin-left:0}
/* Same CSS font at 100%; only workspace SVG scale is allowed to differ. */
html[data-lang] .blocklyText,html[data-lang] .blocklyFlyout .blocklyText{font-size:16px!important}
/* r04: title/tools only; block geometry and font rules above are inherited. */
#blocks{top:0!important}
.blocklyToolboxFlyout{clip-path:inset(0)}
.blocklyToolboxFlyout .blocklyFlyoutLabel{visibility:hidden}
#palette-heading052{position:absolute;top:0;height:34px;display:flex;align-items:center;gap:8px;padding:0 10px 0 16px;background:#f8faff;z-index:100;min-width:0}
#palette-heading052[hidden]{display:none}
.palette-title052{font-weight:600;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scale052{position:relative;flex:none}
.scale052>button{font-size:12px;padding:0 7px;height:32px;min-width:56px;background:transparent;border:0;border-radius:6px}
.scale052-popup{position:fixed;z-index:1000;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:8px;background:white;border:1px solid #a9bbcd;border-radius:8px;box-shadow:0 3px 12px #24364b33;color:#15243a}
.scale052-popup[hidden]{display:none}
.scale052-popup input{width:100%;height:32px;margin:0;padding:0;cursor:pointer}
.scale052-popup button{min-height:34px;height:auto!important;padding:6px!important;white-space:normal}
.workspace-tools{z-index:101}
#workspace-scale052>button{height:30px}
#category-size-reset,#palette-size-reset{font-size:12px!important;min-width:26px!important;z-index:99}


#palette-heading052{gap:3px;padding-right:6px}
#palette-heading052>button{height:32px;min-width:28px;padding:0 5px;border:0;background:transparent;flex:none;touch-action:none}
#zoom-in,#zoom-out{touch-action:none}

.classroom-shell header .creator-links{max-width:none;flex-basis:auto!important;order:0;flex:0 1 auto;gap:6px}.classroom-shell #studio-language-buttons{margin-left:auto}.classroom-shell #studio-language-buttons button{min-width:38px}