html.ctoj-ui #app #problem-main>.ccl-panel{grid-column:1/-1!important;grid-row:auto!important;order:-1!important;min-width:0;width:100%;padding:12px;margin-bottom:10px;box-sizing:border-box;border:1px solid var(--cu-border,#cfdfed);border-radius:10px;background:var(--cu-surface,#fff);color:var(--cu-ink,#203b55)}
.ccl-tabs,.ccl-actions{display:flex;gap:6px;flex-wrap:wrap}.ccl-tabs{margin-bottom:10px}.ccl-panel button,.ccl-dialog button{font:13px/1.4 inherit;padding:7px 10px;min-height:34px;border:1px solid var(--cu-border,#cfdfed);border-radius:6px;background:var(--cu-soft,#edf5fc);color:var(--cu-ink,#203b55);cursor:pointer}.ccl-tabs button[aria-pressed="true"]{border-color:var(--cu-accent,#1763a1);box-shadow:inset 0 -3px var(--cu-accent,#1763a1);font-weight:700}.ccl-panel button:disabled{opacity:.5;cursor:default}.ccl-panel p{font-size:13px;margin:8px 0 0;line-height:1.5}.ccl-dialog{width:min(720px,94vw);max-height:85vh;overflow:auto;padding:24px;border:1px solid var(--cu-border,#cfdfed);border-radius:14px;background:var(--cu-surface,#fff);color:var(--cu-ink,#203b55)}.ccl-dialog::backdrop{background:#07192d99}.ccl-entry{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--cu-border,#cfdfed)}.ccl-entry strong{flex:1;overflow-wrap:anywhere}.ccl-entry small{color:var(--cu-muted,#586d82)}.ccl-entry button{margin-left:auto}.ccl-panel button:focus-visible,.ccl-dialog button:focus-visible{outline:3px solid var(--cu-accent,#1763a1);outline-offset:3px}

@media(min-width:801px){
html.ctoj-ui.ci-active #app #problem-main.ccl-active{grid-template-rows:auto auto minmax(190px,.8fr) minmax(290px,1.2fr) 34px!important;min-height:850px!important}
html.ctoj-ui.ci-active #app #problem-main.ccl-active>.ccl-panel{grid-row:1!important}
html.ctoj-ui.ci-active #app #problem-main.ccl-active>.ci-titlebar{grid-row:2!important}
html.ctoj-ui.ci-active #app #problem-main.ccl-active>#submit-code{grid-column:1!important;grid-row:3/5!important}
html.ctoj-ui.ci-active #app #problem-main.ccl-active>.ci-explorer{grid-column:2!important;grid-row:3!important}
html.ctoj-ui.ci-active #app #problem-main.ccl-active>.ci-io{grid-column:2!important;grid-row:4!important}
html.ctoj-ui.ci-active #app #problem-main.ccl-active>.ci-status{grid-row:5!important}
html.ctoj-ui.ci-active #app #problem-main.ccl-active.ci-sidebar-off{grid-template-rows:auto auto minmax(480px,1fr) 34px!important}
html.ctoj-ui.ci-active #app #problem-main.ccl-active.ci-sidebar-off>#submit-code{grid-row:3!important}
html.ctoj-ui.ci-active #app #problem-main.ccl-active.ci-sidebar-off>.ci-status{grid-row:4!important}
}