: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}