/* GL Lab's workspace uses quiet chrome so source and graphics carry the color. */
:root{color-scheme:dark;--bg:#10151f;--surface:#171e2b;--surface-raised:#202a3a;--editor:#131a25;--canvas-bg:#111823;--ink:#e7edf7;--muted:#a3afc2;--subtle:#8292ab;--line:#303c50;--accent:#91b4ff;--accent-ink:#11213f;--hover:#263349;--code:#dce6f5;--success:#81d5bd;--amber:#f3c784;--error:#ff9da8;--selection:#32486d;--active-line:#1b2638;--code-keyword:#c5adfb;--code-number:#f3c784;--code-type:#90d9dc;--code-string:#b1d9a2;--code-meta:#f3b592;--font-ui:'Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-code:'Cascadia Code','SFMono-Regular',Consolas,'Liberation Mono',monospace;font:14px/1.45 var(--font-ui);color:var(--ink);background:var(--bg)}
:root[data-theme=light]{color-scheme:light;--bg:#eef2f7;--surface:#fff;--surface-raised:#f3f6fa;--editor:#fbfcfe;--canvas-bg:#e7ecf3;--ink:#203047;--muted:#54647b;--subtle:#67758b;--line:#cbd4e1;--accent:#315fb5;--accent-ink:#fff;--hover:#e7edf7;--code:#25334a;--success:#207861;--amber:#966218;--error:#b32d45;--selection:#d2e1fb;--active-line:#eef3fb;--code-keyword:#7445ac;--code-number:#956114;--code-type:#076b77;--code-string:#397027;--code-meta:#a34925}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;touch-action:manipulation;transition:background-color .14s,color .14s}button:disabled{cursor:not-allowed;opacity:.4}button:hover:not(:disabled){background:var(--hover)}button:active:not(:disabled){background:var(--selection)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{width:17px;height:17px}button,select{border-radius:6px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;z-index:200;background:var(--accent);color:var(--accent-ink);padding:12px;border-radius:6px}.skip-link:focus{top:8px}
.topbar{height:60px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand>svg{width:27px;height:30px;stroke:var(--accent)}.brand strong{font-size:21px;font-weight:650;letter-spacing:-.8px}.brand-divider{height:20px;width:1px;background:var(--line);margin:0 3px}.brand-caption{color:var(--muted);font-size:12px}.course{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.course-divider{color:var(--subtle);padding:0 5px}.runtime-dot,.privacy-dot{height:6px;width:6px;border-radius:50%;background:var(--success);flex-shrink:0}.header-actions{display:flex;align-items:center;gap:8px}.text-button,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 10px;font-size:12px;font-weight:500;white-space:nowrap}.icon-button{width:38px;height:38px;display:grid;place-items:center;font-size:24px}.moon-icon{display:none}:root[data-theme=light] .moon-icon{display:block}:root[data-theme=light] .sun-icon{display:none}
.workspace{display:flex;height:calc(100dvh - 60px);min-height:610px}.sidebar{width:236px;flex-shrink:0;background:var(--surface);padding:24px 12px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.library-heading{display:flex;align-items:center;justify-content:space-between;padding:0 10px;margin-bottom:16px}.library-heading h2{font-size:15px;margin:0;font-weight:600}.count{font-size:11px;background:var(--surface-raised);border:1px solid var(--line);border-radius:5px;padding:2px 6px;color:var(--muted)}.search-box{display:flex;align-items:center;gap:9px;background:var(--editor);border:1px solid var(--line);border-radius:7px;padding:9px 10px;margin:0 4px 20px}.search-box svg{width:16px;height:16px;color:var(--muted)}.search-box input{width:100%;min-width:0;border:0;background:transparent;font-size:12px;color:var(--ink)}#labList{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.lab-group{margin-bottom:22px}.lab-group h3{font-size:11px;font-weight:500;color:var(--muted);margin:0 10px 8px}.lab-button{width:100%;display:flex;gap:10px;text-align:left;align-items:center;padding:10px;border-radius:6px;font-size:12px;line-height:1.4;min-height:40px;margin-bottom:3px}.lab-number{width:23px;flex-shrink:0;color:var(--subtle);font:10px var(--font-code)}.lab-button.active{background:var(--selection);color:var(--ink)}.lab-button.active .lab-number{color:var(--accent)}.lab-button.active:after{content:'';margin-left:auto;width:5px;height:5px;background:var(--accent);border-radius:50%;flex-shrink:0}.sidebar-bottom{border-top:1px solid var(--line);padding:12px 10px 0;margin-top:12px}.sidebar-bottom p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.empty-search{font-size:12px;color:var(--muted);padding:15px 10px}
.main{flex:1;min-width:0;min-height:0;padding:22px 24px 0;display:flex;flex-direction:column;outline:none}.lesson-heading{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-shrink:0}.lesson-heading>div:first-child{min-width:0}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:4px}.breadcrumb span{padding:0 8px;color:var(--subtle)}h1{font-size:25px;letter-spacing:-.6px;line-height:1.3;font-weight:600;margin:0 0 3px}.lesson-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.5;max-width:70ch}.file-actions{display:flex;align-items:center;gap:3px;margin-left:auto;flex-shrink:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:3px}.file-actions .text-button{min-height:36px;padding:7px 10px;color:var(--muted)}.file-actions .text-button:hover{color:var(--ink)}.file-actions #newBtn{color:var(--ink)}.file-actions #resetBtn{border-left:1px solid var(--line);border-radius:0 5px 5px 0;margin-left:3px;padding-left:13px}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:8px 13px;font-size:12px;white-space:nowrap}.lesson-notes{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:16px 20px;background:var(--surface-raised);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:7px;margin-bottom:16px;font-size:12px;line-height:1.6;max-height:160px;overflow:auto;flex-shrink:0}.lesson-notes h2{font-size:13px;margin:0 0 4px;font-weight:600}.lesson-notes p{margin:3px 0}.lesson-notes ul{padding-left:16px;margin:0}.lesson-notes #pageReference{color:var(--muted);font-size:11px;margin-top:8px}
.workbench{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;flex:1;min-height:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.editor-pane{grid-column:1;grid-row:1;display:flex;flex-direction:column;background:var(--editor);min-width:0;min-height:0;border-right:1px solid var(--line)}.pane-heading{min-height:49px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:8px;border-bottom:1px solid var(--line);background:var(--surface)}.editor-pane .pane-heading{padding-right:8px}.file-tab{padding:0 15px;display:flex;min-height:49px;align-items:center;gap:9px;border-top:2px solid var(--accent);background:var(--editor);font:11px var(--font-code);min-width:0}.file-tab svg{width:16px;height:16px;color:var(--accent)}#fileName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dirty-dot{width:6px;height:6px;background:var(--amber);border-radius:50%;flex-shrink:0}.editor-tools{display:flex;align-items:center;gap:3px;flex-shrink:0}.editor-tools select{background:var(--surface-raised);color:var(--ink);border:1px solid var(--line);font-size:11px;padding:6px 5px;min-height:30px}.small-button{font-size:11px;min-width:30px;min-height:30px;padding:5px 7px;color:var(--muted)}.editor-tools .small-button{font-size:12px}#editorHost{position:relative;flex:1;min-height:0;overflow:hidden}.CodeMirror{height:100%;position:absolute;inset:0;font:12px/1.8 var(--font-code);background:var(--editor);color:var(--code);padding-top:16px}.CodeMirror-gutters{background:var(--editor);border:0;padding-right:10px}.CodeMirror-linenumber{color:var(--subtle);font-size:10px;padding-left:14px}.CodeMirror-cursor{border-left:2px solid var(--accent)}.CodeMirror-selected{background:var(--selection)!important}.CodeMirror-activeline-background{background:var(--active-line)}.cm-s-default .cm-keyword{color:var(--code-keyword)}.cm-s-default .cm-number{color:var(--code-number)}.cm-s-default .cm-def{color:var(--accent)}.cm-s-default .cm-variable{color:var(--code)}.cm-s-default .cm-variable-3,.cm-s-default .cm-type,.cm-s-default .cm-builtin{color:var(--code-type)}.cm-s-default .cm-string{color:var(--code-string)}.cm-s-default .cm-meta{color:var(--code-meta)}.cm-s-default .cm-comment{color:var(--subtle)}.cm-s-default .cm-operator{color:var(--muted)}.CodeMirror-matchingbracket{color:var(--ink)!important;background:var(--selection)}.editor-bottom{display:flex;gap:16px;align-items:center;justify-content:space-between;background:var(--editor);color:var(--muted);padding:9px 14px;font-size:10px;border-top:1px solid var(--line)}.editor-bottom>span:nth-child(2){margin-left:auto}.action-bar{grid-column:1;grid-row:2;background:var(--surface);display:flex;align-items:center;gap:10px;min-height:66px;padding:12px 14px;border-right:1px solid var(--line);border-top:1px solid var(--line)}.run-button{background:var(--accent);color:var(--accent-ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:10px 15px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.run-button:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.run-button svg{width:13px;height:13px;fill:currentColor;stroke:none}.run-button kbd{font-size:10px;font-family:inherit;font-weight:400;opacity:.75;margin-left:10px}.stop-square{width:8px;height:8px;background:currentColor;border-radius:1px}.run-hint{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}
.output-pane{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;min-width:0;min-height:0}.output-heading{padding:7px 12px 7px 16px;gap:10px}.output-title{display:flex;align-items:center;gap:8px;min-width:0}.output-title h2{font-size:12px;font-weight:600;margin:0;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.4}.status-led{width:6px;height:6px;border-radius:50%;background:var(--subtle);flex-shrink:0}.status-led.running{background:var(--success)}.status-led.error{background:var(--error)}.output-tools{display:flex;gap:3px;flex-shrink:0}.output-tools svg{width:16px;height:16px}.canvas-surround{background:var(--canvas-bg);background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:20px 20px;flex:1;min-height:0;display:flex;justify-content:center;align-items:center;padding:24px;position:relative;overflow:hidden;container-type:size}.canvas-surround #canvasMount{width:min(100cqw,calc(100cqh * var(--canvas-ratio,1)));max-width:720px;max-height:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 24px #0003}.canvas-surround canvas{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;background:#080c14;outline-offset:4px;touch-action:none}.canvas-surround:fullscreen{padding:32px}.canvas-surround:fullscreen #canvasMount{max-width:none}.canvas-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--canvas-bg);background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:20px 20px;pointer-events:none;padding:24px;text-align:center}.canvas-placeholder>svg{width:90px;height:82px;stroke:var(--subtle);stroke-width:1;margin-bottom:24px}.canvas-placeholder h3{font-size:19px;font-weight:500;letter-spacing:-.3px;margin:0 0 8px}.canvas-placeholder p{font-size:12px;margin:0;color:var(--muted)}.placeholder-shortcut{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--subtle);margin-top:20px}.placeholder-shortcut kbd{font:10px var(--font-ui);border:1px solid var(--line);background:var(--surface);border-radius:4px;padding:4px 6px}.canvas-footer{display:flex;justify-content:space-between;gap:10px;padding:9px 15px;color:var(--muted);font-size:10px;border-bottom:1px solid var(--line);background:var(--surface)}#canvasSize{font-family:var(--font-code)}.console{height:184px;flex-shrink:0;background:var(--editor);display:flex;flex-direction:column;min-height:0}.console-heading{display:flex;align-items:center;padding:5px 12px 5px 16px;gap:10px;border-bottom:1px solid var(--line);min-height:41px;background:var(--surface)}.console-heading h2{font-size:11px;margin:0;font-weight:600}.console-heading #statusText{font-size:10px;color:var(--muted);flex:1;text-align:right;overflow-wrap:anywhere}.console-heading .small-button{font-size:10px}#consoleOutput{font:11px/1.75 var(--font-code);white-space:pre-wrap;overflow:auto;margin:0;padding:13px 16px;color:var(--muted);flex:1;min-height:0;word-break:break-word}#consoleOutput.error{color:var(--error)}.progress-track{height:3px;background:var(--line);flex-shrink:0}.progress-track>div{height:100%;background:var(--accent);width:7%;transition:width .2s}#inputPanel{padding:10px 16px;flex:1;min-height:0;display:flex;flex-direction:column;gap:7px}#inputPanel label{font-size:11px;color:var(--muted)}#stdin{flex:1;min-height:50px;width:100%;resize:none;padding:9px;border:1px solid var(--line);border-radius:5px;background:var(--editor);color:var(--ink);font:12px/1.6 var(--font-code)}#inputToggle[aria-expanded=true]{background:var(--selection);color:var(--ink)}
.workspace-footer{min-height:42px;display:flex;align-items:center;gap:24px;font-size:10px;color:var(--muted);flex-shrink:0}.workspace-footer>span{display:flex;gap:7px;align-items:center}.workspace-footer .text-button{margin-left:auto;font-size:10px;color:var(--muted);min-height:30px}.canvas-menu{position:absolute;z-index:10;background:var(--surface);padding:5px;border:1px solid var(--line);border-radius:7px;box-shadow:0 8px 25px #0005;min-width:160px;max-height:300px;overflow:auto}.canvas-menu button{display:block;min-height:40px;padding:8px 12px;text-align:left;width:100%;font-size:12px;border-radius:4px}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;max-width:650px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);background:var(--surface);color:var(--ink);box-shadow:0 24px 100px #0006;overflow:auto}dialog::backdrop{background:#050b16b3;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.dialog-heading h2{font-size:27px;letter-spacing:-.6px;margin:4px 0 20px;font-weight:600}.dialog-kicker{color:var(--muted);font-size:12px}.guide-content{font-size:13px;line-height:1.75;color:var(--muted)}.guide-content h3{font-size:15px;margin:22px 0 5px;color:var(--ink);font-weight:600}.guide-content ol{padding-left:19px}.guide-content li{margin-bottom:8px}.guide-content code{background:var(--surface-raised);padding:2px 4px;border-radius:3px;font-size:11px}.guide-link{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.shortcuts{display:grid;grid-template-columns:1fr 1.3fr;gap:9px;font-size:12px}.shortcuts dt{font:11px var(--font-code)}.shortcuts dd{margin:0}.dialog-actions,.dialog-backup{display:flex;justify-content:flex-end;gap:9px;margin-top:24px;flex-wrap:wrap}.dialog-backup{justify-content:flex-start;margin-top:18px}#resetDialog,#replaceDialog{max-width:480px}#resetDialog h2,#replaceDialog h2{font-size:22px;font-weight:600;margin:0 0 12px}#resetDialog p,#replaceDialog p{color:var(--muted);line-height:1.65;margin:0}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:8px;background:var(--surface-raised);border:1px solid var(--line);color:var(--ink);z-index:100;font-size:13px;box-shadow:0 5px 20px #0004;max-width:calc(100% - 32px);width:max-content}.mobile-only,.mobile-views{display:none}.compile-error-line{background:#c7546333}.compile-error-gutter{color:var(--error)!important}
@media(min-width:1600px){.main{padding:28px 32px 0}.topbar{padding:0 32px}.CodeMirror{font-size:13px}.console{height:208px}.lesson-heading{margin-bottom:24px}}
@media(max-width:1200px){.brand-caption,.brand-divider{display:none}.main{padding:20px 18px 0}.file-actions .text-button{padding:7px 8px}.file-actions svg{display:none}.run-hint{display:none}.sidebar{width:210px}.editor-tools .small-button{padding:5px;min-width:26px}.run-button kbd{margin-left:4px}.course{margin-right:auto}.topbar{gap:28px;padding:0 20px}}
@media(min-width:761px) and (max-width:1000px){.lesson-heading{flex-wrap:wrap;gap:12px}.file-actions{margin-left:auto}.lesson-heading>div:first-child{flex:1;min-width:220px}.editor-tools .small-button{display:none}.file-tab{padding:0 10px;font-size:10px}.output-heading{padding-left:10px}.output-tools #snapshotBtn span{display:none}.run-button kbd{display:none}.canvas-surround{padding:14px}.console{height:180px}.workspace-footer{gap:16px}.workspace-footer>span:nth-child(2){max-width:40%;line-height:1.4}.sidebar{width:190px}}
@media(max-width:760px){.topbar{height:calc(58px + env(safe-area-inset-top));padding:0 14px;padding-top:env(safe-area-inset-top);gap:12px}.brand{gap:9px}.brand strong{font-size:20px}.brand>svg{width:24px;height:27px}.brand-caption,.brand-divider,.course{display:none}.header-actions{gap:8px}.header-actions .icon-button,.header-actions .text-button{min-width:44px;min-height:44px}.header-actions .text-button{padding:8px}.mobile-only{display:grid}.workspace{height:calc(100dvh - 58px - env(safe-area-inset-top));min-height:640px}.main{padding:16px 12px 0}.lesson-heading{gap:10px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}.lesson-heading>div:first-child{flex:1;min-width:0}.breadcrumb{font-size:10px;margin-bottom:3px}h1{font-size:22px;line-height:1.3}.lesson-heading p{font-size:11px;line-height:1.5}.lesson-heading .outline-button{min-height:44px;padding:8px 10px;margin-top:15px}.file-actions{width:100%;margin:3px 0 0;padding:2px;gap:0;justify-content:space-between}.file-actions .text-button{flex:1;min-height:44px;padding:7px 6px;font-size:11px;gap:5px}.file-actions #resetBtn{padding-left:6px;margin-left:0}.file-actions svg{display:none}.mobile-views{display:flex;gap:4px;border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;background:var(--surface);padding:5px;flex-shrink:0}.mobile-views button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:44px;font-size:12px;color:var(--muted);position:relative}.mobile-views button[aria-selected=true]{color:var(--ink);background:var(--surface-raised)}.mobile-views button[aria-selected=true]:after{content:'';position:absolute;bottom:0;left:calc(50% - 10px);width:20px;height:2px;background:var(--accent)}.mobile-views svg{height:16px;width:16px}.workbench{display:flex;flex-direction:column;border-radius:0 0 9px 9px;min-height:330px}.editor-pane{flex:1;min-height:0;border:0}.action-bar{order:3;min-height:68px;padding:11px 12px;border-right:0;flex-shrink:0;gap:12px}.action-bar .run-button,.action-bar .outline-button{min-height:44px}.action-bar .run-button{flex:1;font-size:13px}.action-bar .outline-button{min-width:80px}.run-button kbd,.run-hint{display:none}.output-pane{flex:1;min-height:0}.pane-heading{min-height:52px}.file-tab{max-width:56%;padding:0 12px;min-height:52px;font-size:10px;gap:7px}.editor-tools{gap:0}.editor-tools .small-button{min-width:34px;min-height:44px;padding:5px;font-size:12px}.editor-tools select{min-height:36px;max-width:72px;padding:5px 3px;font-size:11px}.CodeMirror{font-size:12px;padding-top:12px;line-height:1.75}.editor-bottom{font-size:9px;padding:9px 11px;gap:10px}.editor-bottom>span:last-child{display:none}.output-heading{padding:5px 8px 5px 12px;gap:8px}.output-heading h2{font-size:12px}.output-tools{gap:0}.output-tools .small-button{min-width:44px;min-height:44px;padding:7px}.output-tools #snapshotBtn span{display:none}.canvas-surround{padding:16px}.canvas-placeholder>svg{width:76px;height:70px;margin-bottom:20px}.canvas-placeholder h3{font-size:18px}.canvas-placeholder p{font-size:11px}.placeholder-shortcut{display:none}.canvas-footer{font-size:9px;padding:9px 12px}.console{height:auto;flex:1}.console-heading{padding:6px 8px 6px 12px;gap:8px;flex-wrap:wrap;min-height:54px}.console-heading h2{font-size:12px}.console-heading .small-button{min-width:44px;min-height:44px;font-size:11px}.console-heading #statusText{font-size:10px;line-height:1.5}.console-heading #clearConsole{margin-left:auto}#consoleOutput{font-size:12px;padding:14px}#inputPanel{padding:12px}#stdin{font-size:16px;line-height:1.6}#inputPanel label{font-size:12px}.workspace-footer{gap:10px;min-height:40px;font-size:9px;flex-wrap:wrap;padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.workspace-footer .text-button{display:none}.workspace-footer>span:nth-child(2){margin-left:auto;max-width:54%;text-align:right;justify-content:flex-end;line-height:1.5}.sidebar{display:none;position:fixed;top:calc(58px + env(safe-area-inset-top));bottom:0;left:0;z-index:30;width:min(290px,85vw);overflow:auto;box-shadow:12px 0 50px #0007;padding:20px 12px}.sidebar.open{display:flex}.search-box{min-height:44px}.search-box input{font-size:16px}.lab-button{min-height:44px}.lesson-notes{grid-template-columns:1fr;gap:12px;max-height:180px;padding:14px;font-size:12px}.canvas-menu button{min-height:44px}dialog{padding:22px;max-height:calc(100dvh - 28px)}.dialog-heading h2{font-size:24px}.dialog-heading .icon-button{min-width:44px;min-height:44px}.guide-content{font-size:14px}.guide-content h3{font-size:16px}.dialog-actions .outline-button,.dialog-actions .run-button,.dialog-backup .outline-button{min-height:44px}.shortcuts{grid-template-columns:1fr;gap:4px}.shortcuts dd{margin-bottom:9px}#toast{bottom:calc(16px + env(safe-area-inset-bottom))}body[data-view=editor] .output-pane{display:none}body[data-view=output] .editor-pane,body[data-view=console] .editor-pane{display:none}body[data-view=output] .console{display:none}body[data-view=console] .output-heading,body[data-view=console] .canvas-surround,body[data-view=console] .canvas-footer{display:none}}
@media(max-width:360px){.main{padding:12px 8px 0}.file-actions .text-button{font-size:10px;padding:7px 3px}.file-tab{padding:0 8px}.editor-tools .small-button{min-width:30px}.workspace-footer{font-size:8px}.brand strong{font-size:19px}.console-heading #statusText{flex-basis:100%;order:4;text-align:left;padding-bottom:4px}}
@media(max-height:600px) and (max-width:760px){.workspace{height:auto;min-height:0}.main{padding-top:12px}.workbench{min-height:400px;flex:none}.lesson-heading p{display:none}.lesson-heading{margin-bottom:10px}.mobile-views{position:sticky;top:0;z-index:5}.workspace-footer{min-height:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}