*{box-sizing:border-box}body{background:#f7f7f7;margin:0;font-family:system-ui,sans-serif}.app{flex-direction:column;height:100vh;display:flex}.app-title{align-items:center;gap:.75rem;display:flex}.title-lenny{object-fit:contain;border-radius:10px;width:56px;height:56px}header{background:#fff;border-bottom:1px solid #ddd;padding:1rem 2rem}header h1{margin:0}header p{color:#666;margin:.25rem 0 0}main{flex:1;grid-template-columns:2fr 1fr;min-height:0;display:grid}.code-panel{color:#f5f5f5;background:#1e1e1e;padding:1.5rem;overflow:auto}.code-panel h2{margin-top:0}#lnyCode{white-space:pre-wrap;font-family:Consolas,monospace;font-size:1.1rem}#blocklyDiv{width:100%;height:100%}.code-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.code-header h2{margin:0}#runButton{cursor:pointer;border:0;border-radius:6px;padding:.6rem 1rem;font-weight:600}#stopButton{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;padding:.6rem 1rem;font-weight:600;transition:background .2s,opacity .2s}#runButton,#stopButton{border:none;border-radius:6px;padding:.6rem 1rem;font-weight:600}#runButton{cursor:pointer}#stopButton{color:#fff;cursor:pointer;background:#dc3545}#stopButton:hover:not(:disabled){background:#b02a37}#stopButton:disabled{opacity:.4;cursor:not-allowed}#saveButton{cursor:pointer;border:none;border-radius:6px;padding:.6rem 1rem;font-weight:600}.file-button{cursor:pointer;color:#212529;background:#e9ecef;border:none;border-radius:6px;align-items:center;padding:.6rem 1rem;font-weight:600;display:inline-flex}.file-button:hover{background:#dee2e6}#lennyWorld{gap:2px;max-width:500px;margin-top:1rem;display:grid}.world-cell{aspect-ratio:1;background:#f5f5f5;border:1px solid #bbb;justify-content:center;align-items:center;font-size:1.4rem;display:flex;overflow:visible}.lenny{cursor:grab;width:48px;height:48px;display:inline-block;position:relative;overflow:visible}.lenny-dog{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:48px;height:48px;display:block}.lenny-direction{z-index:10;color:#000;font-size:1.2rem;font-weight:900;line-height:1;position:absolute;top:-.4rem;right:-.15rem}.lenny:active{cursor:grabbing}.speed-control{align-items:center;gap:.4rem;display:flex}#speedSlider{cursor:pointer;width:120px}