:root{--bar: #c45c12;--bar-dark: #9a4308;--ink: #1b1b1b;--panel: #fff7ef}*{box-sizing:border-box}.injectionDiv,.injectionDiv *,.blocklyToolboxDiv,.blocklyToolboxDiv *,.blocklyFlyout,.blocklyFlyout *,.blocklyDropDownDiv,.blocklyWidgetDiv,.blocklyTooltipDiv{box-sizing:content-box}.matrix-editor,.matrix-editor *{box-sizing:border-box}html,body{height:100%;margin:0}body.code-app{display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;color:var(--ink)}.topbar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bar);color:#fff;flex-wrap:wrap}.topbar a.brand{color:#fff;text-decoration:none;font-weight:800;margin-right:8px}.topbar button,.topbar select{font:inherit;border:0;border-radius:8px;padding:7px 12px;cursor:pointer}.topbar select{min-width:16rem}.demo-label{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem}.lang-label{display:flex;align-items:center;margin-left:4px}.lang-label select{min-width:0;width:auto;font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:6px}.topbar button.primary{background:#143d38;color:#fff;margin-left:auto;font-weight:700}.topbar button.primary:disabled{opacity:.55;cursor:wait}.topbar-link{display:inline-flex;align-items:center;font:inherit;font-weight:700;text-decoration:none;color:var(--ink);background:#fff;border-radius:8px;padding:7px 12px}.topbar-link-compact{font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:6px;margin-left:4px}.topbar-link[hidden]{display:none}body.tello-mode .topbar-link{background:#e8f3fb;color:#123a5c}html[dir=rtl] .topbar-link-compact{margin-left:0;margin-right:4px}.status{font-size:.9rem;min-width:180px}.work{flex:1;display:grid;grid-template-columns:1fr 220px minmax(240px,30%);min-height:0}body.tello-mode .work{grid-template-columns:1fr minmax(260px,32%)}body.tello-mode .face-pad{display:none}.face-pad{background:#1b1b1b;color:#eee;border-left:1px solid #333;padding:10px;overflow:auto}html[dir=rtl] .face-pad,html[dir=rtl] .code-pane{border-left:0;border-right:1px solid #333}html[dir=rtl] .topbar button.primary{margin-left:0;margin-right:auto}html[dir=rtl] .lang-label{margin-left:0;margin-right:4px}.face-pad header{color:#f4b942;font-weight:800;margin-bottom:6px}.face-help{font-size:.75rem;line-height:1.35;color:#ccc;margin:0 0 10px}.face-presets-label{margin:10px 0 6px;color:#f4b942;font-size:.75rem;font-weight:800}.face-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.face-presets button{display:flex;flex-direction:column;align-items:center;gap:3px;background:#111;color:#eee;border:1px solid #444;border-radius:8px;padding:4px 2px 5px;cursor:pointer;font:inherit;font-size:.62rem;line-height:1.1}.face-presets button:hover{border-color:#f4b942}.face-preset-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;width:100%}.face-preset-grid i{display:block;aspect-ratio:1;background:#2a2a2a;border-radius:1px}.face-preset-grid i.on{background:#f4b942}.motor-prefs{margin-top:14px;padding-top:12px;border-top:1px solid #333}.motor-prefs header{color:#f4b942;font-weight:800;margin-bottom:6px}.motor-prefs .prefs-subhead{margin-top:0}.motor-prefs .prefs-divider{border:0;border-top:1px solid #333;margin:14px 0 12px}.motor-flip-label{display:flex;flex-direction:column;gap:6px;font-size:.75rem;color:#ccc;margin-bottom:8px}.motor-flip-label select{font:inherit;font-size:.8rem;padding:6px 8px;border-radius:6px;border:1px solid #444;background:#111;color:#eee;cursor:pointer}#blockly{min-height:0;height:100%;width:100%;overflow:hidden;position:relative}.code-pane{display:flex;flex-direction:column;background:#111;color:#d6ffe8;border-left:1px solid #333}.code-pane header{padding:8px 12px;background:#1b1b1b;color:#f4b942;font-weight:700}.ide-steps{margin:0;padding:10px 12px 10px 28px;background:#1b1b1b;color:#ccc;font-size:.8rem;line-height:1.45}.ide-steps code,.ide-steps strong{color:#fff}.ide-steps a{color:#8fd4c4}.code-pane pre{margin:0;padding:12px;overflow:auto;flex:1;font-size:12px;line-height:1.4}.status-progress,.status-fail{padding:8px 12px;font-size:.85rem;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.status-progress[hidden],.status-fail[hidden]{display:none}.status-progress{background:#e8f3fb;color:#123a5c}.status-fail{background:#fde8e8;color:#8a1f1f}.status-progress strong,.status-fail strong{font-weight:700}.status-progress-track{flex:1;min-width:120px;max-width:280px;height:8px;border-radius:999px;background:#c5d8ea;overflow:hidden}.status-progress-fill{height:100%;width:0%;border-radius:inherit;background:#2a7ab8;transition:width .15s ease-out}@media(max-width:900px){.work,body.tello-mode .work{grid-template-columns:1fr;grid-template-rows:1fr auto 220px}}body.embed .topbar a.brand{display:none}body.tello-mode .topbar{background:#1a4a73}body.embed .code-pane header#setup,body.embed #turtle-steps{display:none}body.embed.tello-mode #tello-steps{display:block}.matrix-editor{padding:10px;color:#eee;font:13px Segoe UI,sans-serif}.matrix-hint{margin:0 0 8px;font-size:12px;color:#ccc}.matrix-grid{display:grid;grid-template-columns:repeat(8,28px);grid-template-rows:repeat(8,28px);gap:3px}.matrix-cell{width:28px;height:28px;padding:0;border:0;border-radius:3px;background:#333;cursor:pointer}.matrix-cell.on{background:#f4b942}.matrix-tools{margin-top:8px}.matrix-tools button{font:inherit;border:0;border-radius:6px;padding:6px 10px;cursor:pointer}