:is([data-theme=dark] *,[data-theme=dark-v2] *) .input-output-pane .cm-gutters{background-color:var(--background)!important;border-right-color:var(--content1)!important}:is([data-theme=dark] *,[data-theme=dark-v2] *) .input-output-pane .cm-lineNumbers .cm-gutterElement{color:var(--primary-500)!important}.input-output-container{background:var(--content1)}.pane-content{overflow:auto}.input-output-pane .cm-editor{height:100%}.input-output-pane .cm-foldGutter .cm-gutterElement{text-align:center!important;width:22px!important;font-size:18px!important}.input-output-pane .cm-lineNumbers .cm-gutterElement{font-size:14px!important}.input-output-page{background:var(--background);flex-direction:column;height:100vh;display:flex}.page-header{background:var(--background);border-bottom:1px solid var(--default-200);align-items:center;gap:16px;padding:16px 24px;display:flex}:is([data-theme=dark] *,[data-theme=dark-v2] *) .page-header{background:var(--content1);border-bottom-color:var(--content4)}.page-header h1{color:var(--foreground);font-size:20px;font-weight:600}.back-button{border:1px solid var(--default-200);background:var(--background);color:var(--foreground);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}:is([data-theme=dark] *,[data-theme=dark-v2] *) .back-button{background:var(--content2);border-color:var(--content4)}.back-button:hover{background:var(--default-50);border-color:var(--default-300)}:is([data-theme=dark] *,[data-theme=dark-v2] *) .back-button:hover{background:var(--content3);border-color:var(--content4)}.page-content{flex:1;overflow:hidden}@media (width<=640px){.page-header{padding:12px 16px}.page-header h1{font-size:18px}}