:root{--ctj-primary:var(--main-primary);--ctj-bg:#fff;--ctj-bg-secondary:#f8fafc;--ctj-bg-hover:#f1f5f9;--ctj-text:#1e293b;--ctj-text-muted:#64748b;--ctj-border:#e2e8f0;--ctj-border-focus:var(--main-primary);--ctj-shadow:0 1px 3px #0000000f;--ctj-radius:var(--main-radius);--ctj-radius-lg:var(--main-radius-lg);--ctj-success:#10b981;--ctj-error:#ef4444;--ctj-warning:#f59e0b;--ctj-table-header-bg:#f1f5f9;--ctj-table-stripe:#f8fafc;--ctj-table-hover:#f1f5f9}._ctj-container{gap:var(--main-space-3);min-height:500px;padding-left:var(--main-space-2);padding-right:var(--main-space-2);flex-direction:column;display:flex}._ctj-hidden{display:none!important}._ctj-panels{gap:var(--main-space-3);flex:1;grid-template-columns:1fr 1fr;min-height:450px;display:grid}._ctj-panel{background:var(--ctj-bg);border-radius:var(--ctj-radius-lg);border-style:solid;border-width:1px;border-color:var(--ctj-border);box-shadow:var(--ctj-shadow);flex-direction:column;display:flex;overflow:hidden}._ctj-panel-header{padding:var(--main-space-2) var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ctj-border);background:var(--ctj-bg-secondary);justify-content:space-between;align-items:center;display:flex}._ctj-panel-title{font-size:var(--main-text-xs);color:var(--ctj-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}@media (max-width:768px){._ctj-container{padding-left:1rem;padding-right:1rem}._ctj-panels{grid-template-columns:1fr;min-height:auto}._ctj-panel{min-height:300px}}._ctj-toolbar{justify-content:space-between;align-items:center;gap:var(--main-space-3);padding:var(--main-space-2) var(--main-space-3);background:var(--ctj-bg);border-radius:var(--ctj-radius-lg);border-style:solid;border-width:1px;border-color:var(--ctj-border);box-shadow:var(--ctj-shadow);flex-wrap:wrap;display:flex}._ctj-toolbar-left,._ctj-toolbar-right{align-items:center;gap:var(--main-space-2);flex-wrap:wrap;display:flex}._ctj-delimiter-group{align-items:center;gap:.375rem;display:flex}._ctj-delimiter-label{font-size:var(--main-text-xs);color:var(--ctj-text-muted);white-space:nowrap;font-weight:500}._ctj-delimiter-options{border-radius:var(--ctj-radius);border-style:solid;border-width:1px;border-color:var(--ctj-border);display:flex;overflow:hidden}._ctj-delimiter-btn{font-size:var(--main-text-xs);background:var(--ctj-bg);color:var(--ctj-text-muted);cursor:pointer;font-weight:500;font-family:var(--main-font-mono);white-space:nowrap;border:none;border-right:1px solid;border-right-color:var(--ctj-border);padding:.25rem .5rem;transition:background-color .15s,color .15s}._ctj-delimiter-btn:last-child{border-right:none}._ctj-delimiter-btn:hover{background:var(--ctj-bg-hover)}._ctj-delimiter-btn.active{background:var(--ctj-primary);color:#fff}._ctj-toggle-group{align-items:center;display:flex}._ctj-toggle-label{font-size:var(--main-text-xs);color:var(--ctj-text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;font-weight:500;display:inline-flex}._ctj-toggle-label input[type=checkbox]{width:.875rem;height:.875rem;accent-color:var(--ctj-primary);cursor:pointer}._ctj-btn{border-radius:var(--ctj-radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.375rem;font-family:inherit;display:inline-flex}._ctj-btn:focus-visible{outline:2px solid var(--ctj-primary);outline-offset:2px}._ctj-btn-icon{color:var(--ctj-text-muted);background:0 0;padding:.4375rem;transition:background-color .15s,color .15s}._ctj-btn-icon:hover{background:var(--ctj-bg-hover);color:var(--ctj-text)}._ctj-btn-danger:hover{color:var(--ctj-error)}@media (max-width:768px){._ctj-toolbar{padding:var(--main-space-2)}._ctj-delimiter-label{display:none}}._ctj-editor-wrapper{flex:1;display:flex;overflow:hidden}._ctj-textarea{width:100%;padding:var(--main-space-3);resize:none;font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--ctj-text);background:var(--ctj-bg);-moz-tab-size:4;tab-size:4;white-space:pre;overflow-wrap:normal;border:none;outline:none;flex:1;line-height:1.6;overflow-x:auto}._ctj-textarea::placeholder{color:var(--ctj-text-muted)}._ctj-textarea:focus{outline:none}._ctj-output-wrapper{flex:1;position:relative;overflow:auto}._ctj-view-tabs{background:var(--ctj-bg-hover);border-radius:var(--ctj-radius);gap:.125rem;padding:.125rem;display:flex}._ctj-view-tab{font-size:var(--main-text-xs);color:var(--ctj-text-muted);border-radius:calc(var(--ctj-radius) - 2px);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:.25rem .625rem;font-family:inherit;font-weight:500;display:inline-flex}._ctj-view-tab:hover{color:var(--ctj-text)}._ctj-view-tab.active{background:var(--ctj-bg);color:var(--ctj-text);box-shadow:0 1px 2px #0000000f}._ctj-text-view{height:100%;overflow:auto}._ctj-text-pre{padding:var(--main-space-3);font-family:var(--main-font-mono);font-size:var(--main-text-sm);white-space:pre;color:var(--ctj-text);min-height:100%;margin:0;line-height:1.6}._ctj-error-box{padding:var(--main-space-2) var(--main-space-3);background:#ef44440d;border-bottom:1px solid #ef444433}._ctj-error-header{font-size:var(--main-text-sm);color:var(--ctj-error);margin-bottom:var(--main-space-1);align-items:center;gap:.375rem;font-weight:600;display:flex}._ctj-error-message{font-family:var(--main-font-mono);font-size:var(--main-text-xs);color:var(--ctj-text);white-space:pre-wrap;word-break:break-word;line-height:1.5}._ctj-empty-state{justify-content:center;align-items:center;gap:var(--main-space-3);height:100%;color:var(--ctj-text-muted);padding:var(--main-space-6);text-align:center;flex-direction:column;display:flex}._ctj-empty-state svg{opacity:.3}._ctj-empty-state p{font-size:var(--main-text-sm);margin:0}@media (max-width:768px){._ctj-text-pre{font-size:var(--main-text-xs)}}._ctj-table-view{height:100%;overflow:hidden}._ctj-table-scroll{height:100%;overflow:auto}._ctj-table{border-collapse:collapse;width:100%;font-size:var(--main-text-sm);font-family:var(--main-font-mono)}._ctj-table thead{z-index:1;box-shadow:0 1px 0 var(--ctj-border);position:sticky;top:0}._ctj-table th{padding:var(--main-space-2) var(--main-space-3);background:var(--ctj-table-header-bg);color:var(--ctj-text);font-weight:600;font-size:var(--main-text-xs);text-align:left;white-space:nowrap;border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--ctj-border);text-transform:uppercase;letter-spacing:.03em}._ctj-table td{padding:var(--main-space-2) var(--main-space-3);color:var(--ctj-text);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ctj-border);white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}._ctj-table tbody tr:nth-child(2n){background:var(--ctj-table-stripe)}._ctj-table tbody tr:hover{background:var(--ctj-table-hover)}._ctj-table .row-num{color:var(--ctj-text-muted);font-size:var(--main-text-xs);text-align:center;width:2.5rem}._ctj-table-tfoot-msg{text-align:center;color:var(--ctj-text-muted);padding:var(--main-space-2);font-style:italic}@media (max-width:768px){._ctj-table{font-size:var(--main-text-xs)}._ctj-table th,._ctj-table td{padding:var(--main-space-1) var(--main-space-2)}._ctj-table td{max-width:200px}}._ctj-status-bar{padding:var(--main-space-2) var(--main-space-3);background:var(--ctj-bg);border-radius:var(--ctj-radius-lg);border-style:solid;border-width:1px;border-color:var(--ctj-border);box-shadow:var(--ctj-shadow);font-size:var(--main-text-xs);font-family:var(--main-font-mono);justify-content:space-between;align-items:center;min-height:2rem;display:flex}._ctj-status-left,._ctj-status-right{align-items:center;gap:var(--main-space-2);display:flex}._ctj-status-indicator{align-items:center;gap:.375rem;font-weight:500;display:inline-flex}._ctj-status-indicator svg{width:14px;height:14px}._ctj-status-indicator.valid{color:var(--ctj-success)}._ctj-status-indicator.invalid{color:var(--ctj-error)}._ctj-status-indicator.empty,._ctj-status-item{color:var(--ctj-text-muted)}._ctj-status-sep{color:var(--ctj-border)}@media (max-width:480px){._ctj-status-bar{gap:var(--main-space-1);flex-wrap:wrap}}