:root{color:#172033;font-synthesis:none;background:#edf1f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}.app-shell{background:#f7f9fc;grid-template-rows:68px 40px auto auto minmax(0,1fr);height:100%;display:grid}.topbar{color:#fff;background:#172033;grid-row:1;align-items:center;gap:14px;padding:0 16px;display:flex}.status-strip{grid-row:2}.notification-banner{grid-row:3}.issue-panel{grid-row:4}.workspace-shell{grid-row:5}.brand-block,.workspace-controls,.view-switch,.environment-control,.status-strip>div,.code-header,.runtime-controls{align-items:center;display:flex}.brand-block{flex:none;gap:9px}.brand-mark{color:#172033;background:#f59e0b;border-radius:6px;place-items:center;width:34px;height:34px;font-size:21px;font-weight:900;display:grid}.brand-copy{line-height:1.05;display:grid}.brand-copy strong{color:#fff;font-size:17px;font-weight:850}.brand-copy span{color:#9eabc0;text-transform:uppercase;font-size:9px;font-weight:700}.project-controls{align-items:center;gap:5px;min-width:0;display:flex}.project-name{min-width:118px;display:block;position:relative}#project-title{color:#eef4fb;background:#222e44;border:1px solid #46536a;border-radius:5px;width:154px;height:34px;padding:5px 8px}#project-title:hover,#project-title:focus{background:#273650;border-color:#94a3b8;outline:none}.dirty-indicator{color:#fbbf24;text-transform:uppercase;font-size:9px;font-weight:800;position:absolute;top:-11px;right:3px}.project-action{color:#dbe4ef;background:0 0;border:1px solid #46536a;border-radius:5px;justify-content:center;align-items:center;gap:5px;height:34px;padding:0 9px;font-size:11px;font-weight:750;display:flex}.project-action svg{width:15px;height:15px}.project-action:hover:not(:disabled){background:#26344c}.project-action.primary{color:#fff7df;border-color:#b97708}.project-action.primary.has-changes{color:#fff;background:#b97708}.project-action:disabled{cursor:default;opacity:.5}.workspace-controls{gap:8px;margin-left:auto}.app-shell.practice-mode .project-controls,.app-shell.practice-mode .environment-control{display:none}.environment-control{color:#aeb9c9;gap:8px;font-size:12px}.environment-control select{color:#fff;background:#222e44;border:1px solid #46536a;border-radius:5px;min-width:152px;padding:8px 30px 8px 10px}.view-switch{background:#111827;border:1px solid #46536a;border-radius:6px;padding:3px}.view-switch button{color:#aeb9c9;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:12px;font-weight:700;display:flex}.view-switch button.active{color:#172033;background:#fff}.view-switch svg,.runtime-controls svg{width:16px;height:16px}.runtime-controls{gap:5px;margin-left:2px}.runtime-controls[hidden]{display:none}.runtime-controls button{color:#dbe4ef;background:0 0;border:1px solid #46536a;border-radius:5px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:12px;font-weight:750;display:flex}.runtime-controls .run-button,.runtime-controls .compile-button{color:#fff;background:#0f8f8f;border-color:#0f8f8f}.runtime-controls button:hover:not(:disabled){filter:brightness(1.08)}.runtime-controls button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #f59e0b8c}.status-strip{color:#64748b;background:#fff;border-bottom:1px solid #d9e0ea;justify-content:space-between;align-items:center;padding:0 18px;font-size:12px;display:flex}.status-strip>div{gap:8px}.status-strip strong{color:#172033}.status-dot{background:#16a34a;border-radius:50%;width:8px;height:8px}.notification-banner{color:#115e59;background:#f0fdfa;border-bottom:1px solid #99d5d0;min-height:36px;padding:9px 18px;font-size:12px;font-weight:700}.notification-banner[hidden]{display:none}.notification-banner[data-tone=error]{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.issue-panel{color:#92400e;background:#fffbeb;border-bottom:1px solid #fbbf24;align-items:center;gap:8px;min-height:42px;padding:6px 18px;font-size:12px;display:flex;overflow-x:auto}.issue-panel[hidden]{border:0;height:0;min-height:0;padding:0;overflow:hidden;display:flex!important}.issue-panel strong{white-space:nowrap}.issue-panel button{color:#7c2d12;white-space:nowrap;background:#fff;border:1px solid #f4c663;border-radius:4px;padding:5px 8px}.workspace-shell,.workspace-stage,.blocks-view,#blockly-workspace,.code-view{width:100%;min-width:0;height:100%;min-height:0}.workspace-shell{grid-template-columns:minmax(0,1fr);display:grid}.workspace-shell.with-results{grid-template-columns:minmax(0,1fr) clamp(350px,25vw,440px)}.workspace-stage{position:relative}.blocks-view[hidden],.code-view[hidden]{display:none}.code-view{background:#101722;grid-template-rows:54px minmax(0,1fr);display:grid}.code-header{color:#9aa8ba;border-bottom:1px solid #2b374a;justify-content:space-between;padding:0 22px;font-size:12px}.code-header>div{align-items:baseline;gap:10px;display:flex}.code-header strong{color:#fff;font-size:16px}#generated-code{color:#dce7f4;white-space:pre;tab-size:2;background:#101722;margin:0;padding:24px 28px 80px;font:14px/1.65 Cascadia Code,Consolas,monospace;overflow:auto}.results-panel{background:#fff;border-left:1px solid #d9e0ea;min-width:0;min-height:0;overflow:auto}.results-panel[hidden]{display:none}.results-header{border-bottom:1px solid #d9e0ea;justify-content:space-between;align-items:center;height:54px;padding:0 16px;display:flex}.results-header>div{align-items:baseline;gap:8px;display:flex}.results-header strong{font-size:15px}.results-header span{color:#64748b;font-size:11px}.stage-panel{background:#f8fafc;border-bottom:1px solid #d9e0ea;padding:14px 16px 16px}.stage-panel[hidden]{display:none}.stage-panel h2{color:#475569;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}.stage-surface{aspect-ratio:4/3;background:#edf7f6;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fffc}.stage-surface:focus-visible{border-color:#0f8f8f;box-shadow:0 0 0 3px #0f8f8f33}.stage-axis{pointer-events:none;background:#4755692e;position:absolute}.stage-axis-x{height:1px;top:50%;left:0;right:0}.stage-axis-y{width:1px;top:0;bottom:0;left:50%}.stage-sprite{color:#172033;transform-origin:50%;background:#f59e0b;border:3px solid #172033;border-radius:6px;place-items:center;width:44px;height:44px;transition:left 80ms linear,top 80ms linear,transform 80ms linear;display:grid;position:absolute;box-shadow:0 5px 10px #1720332e}.stage-sprite:after{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:9px solid #172033;width:0;height:0;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.stage-sprite span{font-size:20px;font-weight:900;line-height:1}.stage-sprite[hidden]{display:none}.stage-speech{z-index:2;color:#172033;overflow-wrap:anywhere;background:#fff;border:1px solid #94a3b8;border-radius:6px;max-width:min(180px,62%);padding:7px 9px;font-size:12px;font-weight:650;line-height:1.35;position:absolute;transform:translate(-50%,calc(-100% - 30px));box-shadow:0 4px 10px #1720331f}.stage-speech[hidden]{display:none}.stage-coordinates{color:#64748b;text-align:center;margin-top:8px;font:11px/1.4 Cascadia Code,Consolas,monospace}.stage-surface[data-runtime-state=running]{border-color:#0f8f8f}.stage-flag-button{background:#15803d!important;border-color:#15803d!important}.graphics-panel,.console-panel{padding:14px 16px}.graphics-panel[hidden]{display:none}.graphics-panel{background:#f8fafc;border-bottom:1px solid #d9e0ea}.graphics-panel h2,.console-panel h2{color:#475569;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}#turtle-canvas{aspect-ratio:18/11;background:#fff;border:1px solid #d9e0ea;width:100%;max-width:360px;height:auto;display:block}#runtime-console{white-space:pre-wrap;overflow-wrap:anywhere;min-height:88px;font:12px/1.55 Cascadia Code,Consolas,monospace}.results-empty{color:#94a3b8;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.result-line{color:#172033;padding:2px 0}.result-stderr{color:#b45309}.result-error{color:#991b1b;background:#fef2f2;border-left:3px solid #dc2626;margin:4px 0;padding:8px 9px}.result-image{background:#f8fafc;border:1px solid #d9e0ea;border-radius:6px;margin:8px 0;padding:8px}.result-image img{object-fit:contain;background:#fff;width:100%;height:auto;max-height:260px;display:block}.result-classification{background:#f0fdfa;border:1px solid #99d5d0;border-left:4px solid #0f8f8f;border-radius:6px;gap:4px;margin:8px 0;padding:10px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid}.result-classification>strong{color:#134e4a;font-size:15px}.result-classification>span{color:#0f766e;font-size:12px;font-weight:700}.result-classification ol{color:#475569;gap:3px;margin:6px 0 0;padding-left:20px;font-size:11px;display:grid}.result-ai-response{background:#faf8ff;border:1px solid #c4b5fd;border-left:4px solid #6d28d9;border-radius:6px;gap:6px;margin:8px 0;padding:10px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid}.result-ai-response strong{color:#4c1d95;font-size:12px}.result-ai-response p{color:#334155;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.55}.media-capability-panel{background:#f8fafc;border-bottom:1px solid #d9e0ea;padding:14px 16px}.media-capability-panel[hidden]{display:none}.media-capability-panel h2{color:#475569;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}.media-capability-panel video{aspect-ratio:4/3;object-fit:cover;background:#111827;border:1px solid #d9e0ea;width:100%;display:block}.media-capability-actions{gap:8px;margin-top:10px;display:flex}.media-capability-actions button{color:#0f766e;background:#fff;border:1px solid #0f8f8f;border-radius:5px;min-height:34px;padding:0 10px;font-weight:750}.media-capability-actions button:first-child{color:#fff;background:#0f8f8f}.result-arduino-compiled{color:#166534;font-weight:750}.result-arduino-compiling{color:#075985;font-weight:750}.result-arduino-compile-error{color:#991b1b;font-weight:750}.result-arduino-stale{color:#92400e;font-weight:750}.result-metadata{color:#64748b;margin-top:5px;font-size:11px}.result-diagnostic{color:#991b1b;background:#fef2f2;border-left:3px solid #dc2626;margin-top:7px;padding:8px 9px}.result-diagnostic.result-warning{color:#92400e;background:#fffbeb;border-color:#d97706}.board-status{color:#64748b;border-top:1px solid #d9e0ea;gap:5px;margin-top:14px;padding-top:12px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid}.board-status strong{color:#334155;text-transform:uppercase;font-size:11px}.board-status span{font-size:12px}.board-status-upload-error,.board-status-unsupported{color:#991b1b}.board-status-upload-success{color:#166534}.board-status progress{accent-color:#0f8f8f;width:100%;height:8px}.blocklyToolboxDiv{box-shadow:none;border-right:1px solid #d9e0ea}.blocklyTreeRow{border-radius:4px;height:38px;margin:2px 8px;padding:0 10px!important}.blocklyTreeLabel{font-family:inherit;font-size:13px;font-weight:650}.blocklyFlyoutBackground{fill:#eef2f7;fill-opacity:1}@media (width<=820px){.topbar{padding:0 10px}.brand-block{min-width:auto}.brand-copy span,.project-name,.environment-control>span{display:none}.project-action{width:34px;padding:0}.project-action span{display:none}.environment-control select{min-width:128px}.view-switch button{padding:0 8px}.view-switch button svg+*{display:none}.runtime-controls button{justify-content:center;width:34px;padding:0;font-size:0}.workspace-shell.with-results{grid-template-columns:minmax(0,1fr) minmax(260px,36vw)}}