:root{--line-height:20px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#b2f7ef,#7de2d1,#c6fff7);justify-content:center;min-height:100vh;display:flex}.app{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff40;border-left:1px solid #0000001a;border-right:1px solid #0000001a;border-radius:0;width:90%;margin:0;padding:20px;box-shadow:0 20px 50px #00000026}body h1{color:#0d9488;text-align:center;padding:10px 0 20px;font-family:Tourney,sans-serif;font-size:100px}main{margin:20px 0}footer{text-align:center;opacity:.8;padding-top:20px;font-size:14px}.cm-editor{height:100%;max-height:100%;background:0 0!important}.cm-scroller{overflow:auto}.cm-content{line-height:var(--line-height);font-family:monospace}.cm-gutters{border-right:1px solid #0000004d;background:0 0!important}.cm-lineNumbers .cm-gutterElement{padding:0 8px;font-size:14px}.cm-diagnostic-error{border-bottom:2px wavy red}#IDE{flex-direction:column;display:flex}#editor,#output{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff6;border-radius:10px;padding:10px;box-shadow:inset 0 1px 2px #ffffff80}#ad-div{display:flex}#controls{background:#fff0;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:12px;display:flex}#controls button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#0d9488;cursor:pointer;background:#ffffff4d;border:1px solid #ffffff80;border-radius:12px;padding:8px 14px;font-family:Tourney,sans-serif;font-size:18px;font-weight:700;transition:all .2s;box-shadow:0 2px 6px #0000001a}#controls button.active{background:#ffffff80;transform:scale(.96)}#workspace{gap:12px;display:flex}#workspace.vertical{flex-direction:column}#workspace.vertical #editor,#workspace.vertical #output{height:calc(var(--line-height) * 10)}#workspace.horizontal{height:calc(var(--line-height) * 20);flex-direction:row}#workspace.horizontal #output{height:100%}#workspace.horizontal #editor,#workspace.horizontal #output{width:50%;height:100%}#output{margin:0;padding:10px;font-family:monospace;overflow-y:auto}.txt-popup{z-index:9999;background:#1e1e2e;border:1px solid #444;border-radius:6px;flex-direction:column;width:420px;font-family:inherit;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 32px #0000008c}.txt-popup.hidden{display:none}@keyframes popupFlash{0%{box-shadow:0 0 0 3px #f70}to{box-shadow:0 8px 32px #0000008c}}.txt-popup.popup-flash{animation:.4s ease-out forwards popupFlash}#txt-popup-header{cursor:grab;-webkit-user-select:none;user-select:none;color:#ccc;background:#2a2a3e;border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.85rem;display:flex}#txt-popup-header:active{cursor:grabbing}.txt-popup-header-btns{gap:4px;display:flex}.txt-popup-header-btns button{color:#ccc;cursor:pointer;background:0 0;border:1px solid #555;border-radius:3px;width:22px;height:22px;padding:0;font-size:.8rem;line-height:1;transition:background .15s,color .15s}.txt-popup-header-btns button:hover{color:#fff;background:#f70;border-color:#f70}#txt-popup-body{flex-direction:column;gap:8px;padding:12px;display:flex}#txt-filename{box-sizing:border-box;color:#eee;background:#12121c;border:1px solid #444;border-radius:4px;outline:none;width:100%;padding:6px 10px;font-family:monospace;font-size:.9rem}#txt-filename:focus{border-color:#f70}#txt-content{box-sizing:border-box;resize:vertical;color:#eee;background:#12121c;border:1px solid #444;border-radius:4px;outline:none;width:100%;height:260px;padding:8px 10px;font-family:monospace;font-size:.875rem;line-height:1.5}#txt-content:focus{border-color:#f70}.txt-popup-actions{justify-content:flex-end;gap:8px;display:flex}.txt-popup-actions button{color:#ddd;cursor:pointer;background:#2a2a3e;border:1px solid #555;border-radius:4px;padding:6px 14px;font-size:.85rem;transition:background .15s,color .15s,border-color .15s}.txt-popup-actions button:hover{color:#fff;background:#f70;border-color:#f70}.turtle-popup{z-index:9998;background:#1e1e2e;border:1px solid #444;border-radius:6px;flex-direction:column;width:524px;font-family:inherit;display:flex;position:fixed;top:60px;right:40px;overflow:hidden;box-shadow:0 8px 32px #0000008c}.turtle-popup.hidden{display:none}#turtle-popup-header{cursor:grab;-webkit-user-select:none;user-select:none;color:#ccc;background:#2a2a3e;border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.85rem;display:flex}#turtle-popup-header:active{cursor:grabbing}.turtle-popup-header-btns{gap:4px;display:flex}.turtle-popup-header-btns button{color:#ccc;cursor:pointer;background:0 0;border:1px solid #555;border-radius:3px;width:22px;height:22px;padding:0;font-size:.8rem;line-height:1;transition:background .15s,color .15s}.turtle-popup-header-btns button:hover{color:#fff;background:#22c55e;border-color:#22c55e}#turtle-popup-body{flex-direction:column;gap:8px;padding:12px;display:flex}#turtle-canvas-wrap{border:1px solid #333;border-radius:4px;width:500px;height:400px;position:relative;overflow:hidden}#turtle-canvas,#turtle-overlay{width:500px;height:400px;image-rendering:crisp-edges;display:block;position:absolute;top:0;left:0}#turtle-canvas{z-index:1;background:#fff}#turtle-overlay{z-index:2;pointer-events:none;background:0 0}.turtle-popup-actions{justify-content:flex-end;gap:8px;display:flex}.turtle-popup-actions button{color:#ddd;cursor:pointer;background:#2a2a3e;border:1px solid #555;border-radius:4px;padding:6px 14px;font-size:.85rem;transition:background .15s,color .15s,border-color .15s}.turtle-popup-actions button:hover{color:#fff;background:#22c55e;border-color:#22c55e}