*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#1e1e1e;color:#d4d4d4;height:100vh;overflow:hidden}.container{display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background-color:#252526;border-bottom:1px solid #3e3e42}.header h1{font-size:18px;font-weight:600}.run-button{background-color:#007acc;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.run-button:hover{background-color:#005a9e}.run-button:disabled{background-color:#4a4a4a;cursor:not-allowed}.main-content{display:flex;flex:1;overflow:hidden}.editor-section{flex:1;display:flex;flex-direction:column;border-right:1px solid #3e3e42}.editor-header{padding:8px 16px;background-color:#2d2d30;border-bottom:1px solid #3e3e42;font-size:13px;color:#ccc}#editor{flex:1;overflow:hidden}.output-section,.console-section{flex:1;display:flex;flex-direction:column}.section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:#2d2d30;border-bottom:1px solid #3e3e42;font-size:13px;color:#ccc}.clear-button{background:none;border:none;color:#888;cursor:pointer;font-size:12px;padding:2px 6px;border-radius:2px}.clear-button:hover{color:#ccc;background-color:#3e3e42}.console-output{flex:1;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4;overflow-y:auto;background-color:#1e1e1e;color:#d4d4d4;white-space:pre-wrap;word-wrap:break-word}.loading{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#1e1e1ee6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:1000}.loading.hidden{display:none}.spinner{width:32px;height:32px;border:3px solid #3e3e42;border-top:3px solid #007acc;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cm-editor{height:100%;font-size:14px}.cm-focused{outline:none}.cm-content{padding:12px;min-height:100%}.cm-line{line-height:1.5}#cheerpjDisplay{box-shadow:none!important;width:100%!important;height:100%!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#424242;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4f4f4f}