*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#000;background:silver;min-height:100vh;margin:0;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:13px}.app{background:silver;border:1px solid #008;flex-direction:column;max-width:960px;min-height:100vh;margin:0 auto;display:flex;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.title-bar{color:#fff;background:#0a246a linear-gradient(#0a246a 0% 100%);border-bottom:1px solid #000;justify-content:space-between;align-items:center;gap:12px;padding:4px 8px 6px;font-weight:600;display:flex}.title{margin:0;font-size:14px;font-weight:600}.lang-switch{gap:0;display:flex}.lang-btn{font:inherit;color:#fff;cursor:pointer;opacity:.8;background:0 0;border:1px solid #0000;padding:2px 8px;font-size:12px}.lang-btn:hover{opacity:1;background:#ffffff26}.lang-btn.active{opacity:1;background:#ffffff40;border-color:#fff6}.toolbar{background:silver;border-bottom:1px solid gray;flex-wrap:wrap;gap:4px;padding:6px 8px;display:flex}.toolbar-btn{font:inherit;color:#000;cursor:pointer;background:silver;border:1px solid gray;border-radius:0;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex;box-shadow:1px 1px #fff,inset 1px 1px #dfdfdf}.toolbar-btn:hover{background:#d4d4d4}.toolbar-btn:active{box-shadow:inset 1px 1px 2px gray}.toolbar-btn:disabled{opacity:.7;cursor:not-allowed}.speed-wrap{align-items:center;gap:6px;margin-left:8px;display:inline-flex}.speed-label{color:#000;font-size:12px}.speed-select{font:inherit;cursor:pointer;background:#fff;border:1px solid gray;border-radius:0;padding:2px 6px;font-size:12px}.icon{flex-shrink:0;width:18px;height:18px;display:inline-block}.run-icon{clip-path:polygon(6px 2px,6px 14px,16px 8px);background:#00a000}.stop-icon{clip-path:polygon(2px 2px,14px 2px,14px 14px,2px 14px);background:#c00}.clear-icon{background:0 0;border:2px solid #333;border-radius:1px}.run-btn{color:#000;border-color:green;box-shadow:1px 1px #fff,inset 1px 1px #90ee90}.run-btn:hover{background:#b8e0b8}.stop-btn{border-color:#800;box-shadow:1px 1px #fff,inset 1px 1px #f88}.stop-btn:hover{background:#ffd4d4}.graphic-pane,.text-pane{background:silver;border:1px solid gray;margin:8px;box-shadow:inset 1px 1px gray}.pane-header{color:#fff;text-align:center;background:#0a246a;border-bottom:1px solid #000;padding:4px 8px;font-size:12px;font-weight:600}.graphic-pane{flex-direction:column;flex:1;min-height:280px;display:flex}.canvas-wrap{background:gray;flex:1;justify-content:center;align-items:center;min-height:0;padding:12px;display:flex;position:relative}#canvas{object-fit:contain;background:#fff;border:1px solid #000;max-width:100%;max-height:100%;display:block}.turtle{transform-origin:12px 6px;pointer-events:none;width:24px;height:24px;transition:left 20ms linear,top 20ms linear,transform 50ms ease-out;position:absolute}.turtle:before{content:"";transform-origin:12px 6px;border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:12px solid #2d5a27;width:0;height:0;display:block}.text-pane{flex-shrink:0}.console-wrap{background:#fff;border:1px solid gray;min-height:120px;margin:2px;padding:8px 12px 12px}.welcome{color:#000;margin:0 0 8px}.print-output{color:#000;min-height:1em;margin:0 0 6px;font-family:inherit;font-size:12px}.print-line{margin:0}.prompt-line{align-items:flex-start;gap:4px;margin:0;display:flex}.prompt{color:#000;flex-shrink:0;font-family:Consolas,Courier New,monospace}#code{resize:vertical;background:#fff;border:1px solid gray;flex:1;min-width:0;min-height:80px;padding:4px 6px;font-family:Consolas,Courier New,monospace;font-size:13px}#code:focus{border-color:#0a246a;outline:none}#code.code-invalid{background:#fff8f8;border-width:2px;border-color:#c00}#code.code-invalid:focus{border-color:#c00}.btn-label{white-space:nowrap}@media (width<=480px){.btn-label{display:none}}