.cp-pane{--cp-code-fs:13px;--cp-code-lh:21px;--cp-code-pad:12px;--cp-gutter-fs:12px;--cp-pane-height:60vh;--cp-pane-height-tablet:60vh;--cp-pane-height-mobile:60vh;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-2xl);height:var(--cp-pane-height);max-height:var(--cp-pane-height);flex-direction:column;display:flex;overflow:hidden}.cp-header{background:var(--bg3);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;min-height:44px;padding:10px 16px;display:flex}.cp-title{font-family:var(--font-mono);color:var(--text);flex-wrap:wrap;flex:1;align-items:center;gap:8px;font-size:.84rem;font-weight:700;display:flex}.cp-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cp-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.1em;min-width:1.1em;font-size:1rem;line-height:1;display:inline-flex}.cp-dot--red{background:#f85149}.cp-dot--green{background:var(--green)}.cp-dot--gray{background:var(--text3)}.cp-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.cp-editor-wrap{background:var(--bg);flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.cp-line-nums{width:66px;padding:var(--cp-code-pad) 0;border-right:1px solid color-mix(in srgb, var(--border) 60%, transparent);font-family:var(--font-mono);font-size:var(--cp-gutter-fs);font-variant-numeric:tabular-nums;color:var(--text3);-webkit-user-select:none;user-select:none;text-align:right;background:0 0;flex-shrink:0;overflow:hidden}.cp-ln{height:var(--cp-code-lh);line-height:var(--cp-code-lh);padding-right:20px}.cp-editor-wrap{--cp-ta-fs:13px;--cp-ta-lh:21px;--cp-ta-pad:12px;--cp-ta-tab:4}.cp-textarea{box-sizing:border-box;resize:none;background:var(--bg);min-width:0;height:100%;min-height:0;padding:var(--cp-ta-pad);font-family:var(--font-mono);font-size:var(--cp-ta-fs);line-height:var(--cp-ta-lh);color:var(--text);white-space:pre;scrollbar-width:auto;scrollbar-color:var(--border2) var(--bg3);border:none;outline:none;flex:1;overflow:auto}.cp-textarea::placeholder{color:var(--text3);font-style:italic}.cp-textarea::-webkit-scrollbar{width:14px;height:14px}.cp-textarea::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg2);border-radius:var(--radius-pill)}.cp-textarea::-webkit-scrollbar-thumb:hover{background:var(--text3)}.cp-textarea::-webkit-scrollbar-track{background:var(--bg3)}.cp-textarea::-webkit-scrollbar-corner{background:var(--bg3)}.cp-output-wrap{background:var(--bg);flex:1;min-width:0;display:flex;overflow:hidden}.cp-line-nums--output{overflow:hidden}.cp-code-scroll{scrollbar-width:auto;scrollbar-color:var(--border2) var(--bg3);flex:1;min-width:0;overflow:auto}.cp-code-scroll::-webkit-scrollbar{width:14px;height:14px}.cp-code-scroll::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg2);border-radius:var(--radius-pill)}.cp-code-scroll::-webkit-scrollbar-thumb:hover{background:var(--text3)}.cp-code-scroll::-webkit-scrollbar-track{background:var(--bg3)}.cp-code-scroll::-webkit-scrollbar-corner{background:var(--bg3)}.cp-code{padding:var(--cp-code-pad) 16px;font-family:var(--font-mono);font-size:var(--cp-code-fs);line-height:var(--cp-code-lh);color:var(--text);white-space:pre;width:max-content;min-width:100%;margin:0}.cp-body{background:var(--bg);flex:1;min-height:0;position:relative;overflow:hidden auto}.cp-body:has(.lnt-wrap){overflow:hidden}.cp-body .lnt-wrap{font-family:var(--font-mono);background:0 0;border-radius:0;font-size:13px;height:100%!important;min-height:0!important}.cp-body .lnt-gutter{background:var(--bg2);border-right:1px solid var(--border);width:46px;font-family:var(--font-mono);color:var(--text3);text-align:right;padding:12px 0;font-size:11px;line-height:21px;overflow:hidden;height:100%!important;min-height:0!important}.cp-body .lnt-n{height:21px;padding-right:8px;font-size:11px;line-height:21px}.cp-body .lnt-ta{background:var(--bg);color:var(--text);font-family:var(--font-mono);scrollbar-width:auto;scrollbar-color:var(--border2) var(--bg3);padding:12px;font-size:13px;line-height:21px;overflow:auto;height:100%!important;min-height:0!important}.cp-body .lnt-ta::-webkit-scrollbar{width:14px;height:14px}.cp-body .lnt-ta::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg2);border-radius:var(--radius-pill)}.cp-body .lnt-ta::-webkit-scrollbar-thumb:hover{background:var(--text3)}.cp-body .lnt-ta::-webkit-scrollbar-track{background:var(--bg3)}.cp-body .lnt-ta::-webkit-scrollbar-corner{background:var(--bg3)}.cp-body .jtv-root{background:var(--bg);font-family:var(--font-mono);border:none;border-radius:0;height:100%;font-size:13px}.cp-body .jtv-toolbar{z-index:2;background:var(--bg2);border-bottom:1px solid var(--border);padding:6px 10px;position:sticky;top:0}.cp-body .jtv-tbtn,.cp-body .jtv-linecount,.cp-body .jtv-fold-hint,.cp-body .jtv-count{font-family:var(--font-mono)}.cp-body .jtv-lines{overflow:auto}.cp-body .jtv-lines::-webkit-scrollbar{width:14px;height:14px}.cp-body .jtv-lines::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg2);border-radius:var(--radius-pill)}.cp-body .jtv-lines::-webkit-scrollbar-thumb:hover{background:var(--text3)}.cp-body .jtv-lines::-webkit-scrollbar-track{background:var(--bg3)}.cp-body .jtv-lines::-webkit-scrollbar-corner{background:var(--bg3)}.cp-body .jtv-line{height:24px;min-height:24px}.cp-body .jtv-ln{width:44px;margin-right:6px;padding-right:12px;font-size:11px}.cp-body .jtv-placeholder{background:0 0;border:none;border-radius:0}.cp-placeholder{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.cp-placeholder-icon{opacity:.4;font-size:2.5rem}.cp-placeholder p{color:var(--text2);margin:0;font-size:.88rem}.cp-placeholder span{color:var(--text3);font-size:.74rem;font-family:var(--font-mono)}[data-theme=light] .cp-pane{background:var(--bg2)}[data-theme=light] .cp-line-nums{background:var(--bg3)}.cp-pane.pane--expanded{min-height:unset!important;height:auto!important;max-height:none!important}.cp-pane.pane--expanded .cp-editor-wrap,.cp-pane.pane--expanded .cp-output-wrap{flex:1!important;height:auto!important;min-height:0!important;overflow:auto!important}.cp-pane.pane--expanded .cp-textarea{flex:1!important;height:100%!important;min-height:0!important;max-height:none!important}.cp-pane.pane--expanded .cp-code-scroll{flex:1!important;height:100%!important;min-height:0!important}.cp-pane.pane--expanded .cp-line-nums,.cp-pane.pane--expanded .cp-line-nums--output{height:100%!important;min-height:0!important;overflow:hidden!important}.cp-pane.pane--expanded .cp-body{flex:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:auto!important}.cp-pane.pane--expanded .cp-body:has(.lnt-wrap){overflow:hidden!important}.cp-pane.pane--expanded .cp-body .lnt-wrap{height:100%!important;min-height:0!important}.cp-pane.pane--expanded .cp-body .lnt-gutter{height:100%!important;min-height:0!important;overflow:hidden!important}.cp-pane.pane--expanded .cp-body .lnt-ta{scrollbar-width:auto;height:100%!important;min-height:0!important;overflow:auto!important}.cp-pane.pane--expanded .cp-body .jtv-lines{flex:auto!important;min-height:0!important;max-height:none!important;overflow:auto!important}@media (width<=900px){.cp-pane{height:var(--cp-pane-height-tablet);max-height:var(--cp-pane-height-tablet)}}@media (width<=600px){.cp-pane{height:var(--cp-pane-height-mobile);max-height:var(--cp-pane-height-mobile)}}.cp-pane-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}@media (width<=900px){.cp-pane-grid{grid-template-columns:1fr}}.cp-ta-host{flex:1;min-width:0;height:100%;min-height:0;display:flex;position:relative}.cp-editor-wrap .cp-ta-host>.cp-textarea,.cp-ta-host>.cp-textarea{background:0 0}.cp-ta-host>.thl{font-size:var(--cp-ta-fs);line-height:var(--cp-ta-lh);padding:var(--cp-ta-pad);tab-size:var(--cp-ta-tab);font-family:var(--font-mono)}.cp-actions .switch-ctl{min-height:26px;font-size:var(--fs-caption);flex:none}.cp-actions .switch-ctl__track{flex:none;width:28px;height:16px}.cp-actions .switch-ctl__thumb{width:12px;height:12px}.cp-actions .switch-ctl[aria-checked=true] .switch-ctl__thumb{transform:translate(12px)}.cp-actions .switch-ctl>span:last-child{flex:none}