.lab-workspace{--lab-tools-width:190px;--lab-details-width:265px}.lab-viewbar{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;border:1px solid #d7e1cc;border-radius:10px;background:#edf3e4;color:#193e34;min-width:0}.lab-view-title{font:700 10px/1.4 system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase;margin-right:auto}.lab-viewbar button{min-height:44px;min-width:44px;border:1px solid #b8caaa;border-radius:7px;background:#fff;color:#19483c;font:650 12px/1.4 system-ui,sans-serif;padding:9px 13px;white-space:nowrap}.lab-viewbar button:hover{background:#e3edda}.lab-viewbar button[aria-pressed=true]{background:#19483c;border-color:#19483c;color:#fff}.lab-viewbar button:focus-visible{outline:3px solid #865b0c;outline-offset:3px}.lab-view-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lab-workspace>.lab-work-tools,.lab-workspace>.lab-work-editor,.lab-workspace>.lab-work-details{grid-row:auto!important;min-width:0}.lab-workspace>.lab-work-tools[hidden],.lab-workspace>.lab-work-details[hidden]{display:none!important}.lab-workspace.lab-details-hidden{grid-template-columns:var(--lab-tools-width) minmax(0,1fr)!important}.lab-workspace.lab-tools-hidden{grid-template-columns:minmax(0,1fr) var(--lab-details-width)!important}.lab-workspace.lab-tools-hidden>.lab-work-details{grid-column:auto}.lab-workspace.lab-tools-hidden.lab-details-hidden,.lab-workspace[data-lab-workspace=ruler].lab-tools-hidden{grid-template-columns:minmax(0,1fr)!important}.lab-workspace[data-lab-workspace=ruler]{--lab-tools-width:240px}
body.lab-workspace-open{overflow:hidden!important}.lab-workspace.lab-expanded{position:fixed!important;inset:0!important;z-index:9000;width:100%!important;max-width:none!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;background:#f5f7ef;display:grid!important;grid-template-columns:var(--lab-tools-width) minmax(0,1fr) var(--lab-details-width);grid-template-rows:auto minmax(0,1fr);gap:10px!important;align-items:stretch!important;overflow:hidden}.lab-expanded>.lab-viewbar{grid-row:1!important;grid-column:1/-1;flex-shrink:0}.lab-expanded>.lab-work-tools,.lab-expanded>.lab-work-details{grid-column:auto!important;grid-row:2!important;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;columns:auto!important;display:block}.lab-expanded>.lab-work-editor{grid-column:auto!important;grid-row:2!important;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;position:relative!important;top:auto!important}.lab-expanded>.drawing-area{display:flex;flex-direction:column}.lab-expanded>.drawing-area>.canvas-wrap{flex:0 0 auto;height:clamp(250px,calc(100dvh - 240px),1000px)!important;min-height:250px!important}.lab-expanded[data-lab-workspace=bridge]>.drawing-area>.canvas-wrap{height:clamp(250px,calc(100dvh - 330px),1000px)!important}.lab-expanded>.canvas-panel{display:flex;flex-direction:column;padding:0}.lab-expanded .drawing-wrap{flex:1 0 260px;min-height:260px}.lab-expanded .drawing-wrap>svg{height:100%;min-height:0;max-height:none;aspect-ratio:auto}.lab-expanded .canvas-bar,.lab-expanded .canvas-toolbar,.lab-expanded .canvas-footer,.lab-expanded .command-strip{flex-shrink:0}.lab-expanded[data-lab-workspace=ruler]{grid-template-columns:var(--lab-tools-width) minmax(0,1fr)}.lab-expanded>.game{padding:0 8px 20px}.lab-expanded dialog{max-height:90dvh}body.lab-workspace-open #toast,body.lab-workspace-open .toast{z-index:10050}body.lab-workspace-open #lab-tutorial,body.lab-workspace-open #lab-tutorial-ring{z-index:10060}
@media(max-width:1150px){.lab-workspace{--lab-tools-width:155px;--lab-details-width:230px}}@media(max-width:760px){.lab-expanded{--lab-tools-width:135px}.lab-expanded:not(.lab-details-hidden)>.lab-work-details{position:absolute;right:10px;top:82px;bottom:10px;width:min(320px,calc(100% - 20px));z-index:5;max-height:calc(100% - 92px);box-shadow:0 6px 32px #193e3440}.lab-workspace.lab-expanded{grid-template-columns:var(--lab-tools-width) minmax(0,1fr)}.lab-workspace.lab-expanded.lab-tools-hidden{grid-template-columns:minmax(0,1fr)!important}.lab-view-title{font-size:9px}.lab-viewbar button{padding:8px 10px;font-size:11px}.lab-expanded .drive-console{padding:10px}.lab-expanded .drive-options>span{max-width:none}.lab-expanded .ruler-scroll{padding-bottom:6px}}
@media(max-width:580px){.lab-workspace:not(.lab-expanded).lab-tools-hidden,.lab-workspace:not(.lab-expanded).lab-details-hidden{grid-template-columns:minmax(0,1fr)!important}.lab-viewbar{gap:6px;padding:8px}.lab-view-title{flex-basis:100%}.lab-viewbar button{flex:1}.lab-expanded .lab-view-title{display:none}.lab-workspace.lab-expanded{--lab-tools-width:120px;padding:6px!important;gap:6px!important}.lab-expanded>.lab-work-tools{padding:12px 8px!important}.lab-expanded .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;float:none;width:100%;margin:10px 0!important}.lab-expanded .tools .settings{display:block}.lab-expanded>.drawing-area>.canvas-wrap{height:max(260px,calc(100dvh - 280px))!important}.lab-expanded[data-lab-workspace=bridge]>.drawing-area>.canvas-wrap{height:max(260px,calc(100dvh - 370px))!important}.lab-expanded>.lab-work-tools h2{font-size:16px}.lab-expanded .lab-work-tools .hint{font-size:10px}.lab-expanded .lab-work-tools .tool-grid button{font-size:9px;padding:7px 3px}.lab-expanded[data-lab-workspace=ruler]>.settings{display:block}.lab-expanded .stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-expanded .question-card{flex-wrap:wrap}.lab-expanded .drive-actions select{min-width:0}}

.lab-workspace-actions{display:none;margin:0;padding:0;border:0;position:relative}.lab-expanded .lab-workspace-actions{display:block}.lab-workspace-actions>summary{list-style:none;min-height:44px;display:flex;align-items:center;gap:7px;border:1px solid #b8caaa;border-radius:7px;background:#fff;color:#19483c;padding:9px 13px;font:650 12px/1.4 system-ui,sans-serif;cursor:pointer}.lab-workspace-actions>summary::after{content:'▾'}.lab-workspace-actions>summary::-webkit-details-marker{display:none}.lab-workspace-actions>summary:focus-visible{outline:3px solid #865b0c;outline-offset:3px}.lab-workspace-action-list{position:absolute;right:0;top:calc(100% + 6px);width:250px;max-height:70dvh;overflow:auto;background:#fff;padding:8px;border:1px solid #c3d3b7;border-radius:9px;box-shadow:0 8px 28px #193e3433;z-index:10}.lab-workspace-action-list>button{display:block;width:100%;text-align:left;white-space:normal;margin:4px 0}.lab-expanded>.lab-viewbar{position:relative;z-index:15}@media(max-width:580px){.lab-expanded .lab-viewbar{flex-wrap:wrap}.lab-expanded .lab-viewbar button{font-size:10px;padding:8px 6px}.lab-workspace-actions>summary{font-size:10px;padding:8px 7px}.lab-workspace-action-list{right:-70px;width:min(270px,calc(100vw - 24px))}.lab-expanded:not(.lab-details-hidden)>.lab-work-details{top:120px;max-height:calc(100% - 130px)}}