html.ctoj-ui.ci-active #app #problem-main.cpi-studio{position:relative!important;--ci-panel:var(--cu-surface,#fff);--ci-ink:var(--cu-ink,#203b55);--ci-line:var(--cu-border,#d1e1ef);--ci-side:var(--cu-soft,#edf5fc);--ci-accent:var(--cu-accent,#1763a1);gap:0 14px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio>.ccl-panel{padding:14px 16px!important;border-radius:12px 12px 0 0!important;margin:0!important;background:var(--ci-panel)!important;color:var(--ci-ink)!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio .ccl-tabs{gap:5px!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio .ccl-tabs button{flex:none!important;border-radius:7px 7px 0 0!important;min-height:40px!important;padding:8px 14px!important;color:var(--ci-ink)!important;background:var(--ci-side)!important;font-size:14px!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio .ccl-tabs button[aria-pressed="true"]{color:var(--ci-accent)!important;background:var(--ci-panel)!important;box-shadow:inset 0 -3px var(--ci-accent)!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio .ccl-actions button{font-family:inherit!important;font-size:13px!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio>.ci-titlebar{padding:10px 12px!important;background:var(--ci-panel)!important;border:1px solid var(--ci-line)!important;align-items:center!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio>.ci-titlebar>strong{display:none!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio .ci-titlebar>.ci-run{background:#087c4e!important;color:#fff!important;border-color:#087c4e!important;font-size:14px!important;min-height:38px!important}
.cpi-secondary{display:none!important}.cpi-font{display:flex;gap:6px;align-items:center}.cpi-font button{min-width:30px}.cpi-font span{font-size:12px;white-space:nowrap}
.cpi-more{position:relative}.cpi-more>summary{cursor:pointer;padding:7px 10px;min-height:34px;box-sizing:border-box;border:1px solid var(--cu-border,#cfdfed);border-radius:6px;background:var(--cu-soft,#edf5fc);color:var(--cu-ink,#203b55);font-size:13px}.cpi-more>div{position:absolute;top:100%;left:0;min-width:190px;padding:10px;display:flex;flex-direction:column;gap:5px;background:var(--cu-surface,#fff);border:1px solid var(--cu-border,#cfdfed);border-radius:8px;z-index:100;box-shadow:0 8px 22px #0002}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio>#submit-code{border:1px solid var(--ci-line)!important;border-top:0!important;border-radius:0 0 12px 12px!important;background:var(--ci-panel)!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio #submit-code .CodeMirror{font-size:var(--cpi-font-size,16px)!important;line-height:1.65!important;border-color:var(--ci-line)!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio>.ci-explorer{padding:16px!important;border:1px solid var(--ci-line)!important;border-radius:12px 12px 0 0!important;background:var(--ci-panel)!important;color:var(--ci-ink)!important;max-height:none!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio .ci-explorer h2{font-size:16px!important;letter-spacing:0!important;margin-bottom:12px!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio .ci-explorer>.cpi-run-all{float:right;margin:0 0 10px 8px!important;background:#0759a3!important;color:white!important;border-color:#0759a3!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio .ci-test-tabs{clear:both}.cpi-tip{padding:10px;border-radius:8px;background:var(--cu-soft,#edf5fc);font-size:12px;line-height:1.5;margin:10px 0}.cpi-history{font-size:12px;line-height:1.5}.cpi-history summary{cursor:pointer;padding:8px 0}.cpi-history pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;background:var(--cu-soft,#edf5fc);color:var(--cu-ink,#203b55);padding:10px;border-radius:6px}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio>.ci-io{border:1px solid var(--ci-line)!important;border-top:0!important;border-radius:0 0 12px 12px!important;overflow:hidden!important;background:var(--ci-panel)!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio .ci-io .ivu-card-head{display:flex!important;gap:8px;align-items:center;justify-content:space-between;background:var(--ci-panel)!important;padding:10px 12px!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio .ci-io .ivu-card-head p{font-size:14px!important;font-weight:600!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio .cpi-copy{font-size:12px!important;padding:4px 7px!important;min-height:28px!important;border:1px solid var(--ci-line)!important;border-radius:5px;background:var(--ci-side)!important;color:var(--ci-ink)!important;cursor:pointer}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio>.ci-status{margin-top:10px!important;border:1px solid var(--ci-line)!important;border-radius:8px!important;background:var(--ci-panel)!important;color:var(--ci-ink)!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio>.cpi-gutter{position:absolute;z-index:30;width:10px;display:flex;justify-content:center;align-items:center;cursor:col-resize;touch-action:none;background:transparent;color:var(--ci-accent);font-size:22px}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio>.cpi-gutter:hover{background:var(--ci-side);border-radius:8px}.cpi-gutter[hidden]{display:none!important}
@media(min-width:901px){
html.ctoj-ui.ci-active #app #problem-main.cpi-studio{display:grid!important;grid-template-columns:minmax(0,var(--ci-code-share,70fr)) minmax(300px,var(--ci-tools-share,30fr))!important;grid-template-rows:auto auto minmax(180px,.75fr) minmax(300px,1.25fr) 36px!important;min-height:850px!important;height:calc(100dvh - 100px)!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio>.ccl-panel{grid-column:1!important;grid-row:1!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio>.ci-titlebar{grid-column:1!important;grid-row:2!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio>#submit-code{grid-column:1!important;grid-row:3/5!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio>.ci-explorer{grid-column:2!important;grid-row:1/4!important;overflow:auto!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio>.ci-io{grid-column:2!important;grid-row:4!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio>.ci-status{grid-column:1/-1!important;grid-row:5!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio.ci-sidebar-off{grid-template-columns:minmax(0,1fr)!important}
html.ctoj-ui.ci-active #app #problem-main.cpi-studio.ci-sidebar-off>.ci-explorer,html.ctoj-ui.ci-active #app #problem-main.cpi-studio.ci-sidebar-off>.ci-io{display:none!important}
}
@media(max-width:900px){html.ctoj-ui.ci-active #app #problem-main.cpi-studio{display:flex!important;flex-direction:column!important;gap:10px!important;height:auto!important;min-height:0!important}html.ctoj-ui.ci-active #app #problem-main.cpi-studio>.ccl-panel{order:-2!important}html.ctoj-ui.ci-active #app #problem-main.cpi-studio>.ci-titlebar{order:-1!important}html.ctoj-ui.ci-active #app #problem-main.cpi-studio>#submit-code{min-height:460px!important}.cpi-gutter{display:none!important}}