.problem-ide-page-container{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#0b0d14;overflow:hidden}.problem-ide-page-topbar{height:52px;background-color:#121522;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;flex-shrink:0;z-index:20}.problem-ide-page-nav-left{display:flex;align-items:center;gap:1rem}.problem-ide-page-back-btn{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#94a3b8;text-decoration:none;transition:color .15s}.problem-ide-page-back-btn:hover{color:#fff}.problem-ide-page-title{font-size:.95rem;font-weight:700;color:#fff}.problem-ide-page-actions{display:flex;align-items:center;gap:.75rem}.problem-ide-page-lang-select{background:#1e2436;border:1px solid hsla(0,0%,100%,.1);color:#f1f5f9;font-size:.825rem;font-weight:600;padding:.35rem .75rem;border-radius:.4rem;outline:none;cursor:pointer}.problem-ide-page-run-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);color:#fff;padding:.4rem .9rem;border-radius:.4rem;font-size:.825rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .15s}.problem-ide-page-run-btn:hover{background:hsla(0,0%,100%,.15)}.problem-ide-page-submit-btn{background:#22c55e;border:none;color:#fff;padding:.4rem 1rem;border-radius:.4rem;font-size:.825rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .15s}.problem-ide-page-submit-btn:hover{filter:brightness(1.1)}.problem-ide-page-split{flex:1;display:flex;overflow:hidden}.problem-ide-page-desc-pane{width:45%;height:100%;background:#111420;border-right:1px solid hsla(0,0%,100%,.08);overflow-y:auto;padding:1.5rem}.problem-ide-page-desc-title{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:.75rem}.problem-ide-page-desc-body{font-size:.925rem;line-height:1.6;color:#cbd5e1;margin-bottom:1.5rem}.problem-ide-page-example-box{background:#161a29;border:1px solid hsla(0,0%,100%,.06);border-radius:.6rem;padding:1rem;margin-bottom:1rem;font-family:Fira Code,monospace;font-size:.825rem}.problem-ide-page-editor-pane{flex:1;height:100%;display:flex;flex-direction:column;background:#0d0f17;overflow:hidden}.problem-ide-page-editor-container{flex:6;height:60%;overflow:hidden;position:relative}.problem-ide-page-output-pane{flex:4;height:40%;background:#121522;border-top:1px solid hsla(0,0%,100%,.08);display:flex;flex-direction:column;overflow:hidden}.problem-ide-page-output-tabs{display:flex;align-items:center;background:#0e111c;padding:0 1rem;border-bottom:1px solid hsla(0,0%,100%,.06);height:38px}.problem-ide-page-tab-item{font-size:.775rem;font-weight:600;color:#94a3b8;padding:.4rem .75rem;cursor:pointer}.problem-ide-page-tab-item-active{color:#f59e0b;border-bottom:2px solid #f59e0b}.problem-ide-page-output-content{flex:1;padding:1rem;overflow-y:auto;font-family:Fira Code,monospace;font-size:.825rem}