.cb-app{display:flex;flex-direction:column;height:100%;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;}.cb-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border);}.cb-tabs{display:flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:8px;}.cb-tab{padding:7px 18px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:all 0.15s;font-family:var(--font-sans);}.cb-tab:hover{color:var(--text);background:var(--surface-3);}.cb-tab.active{background:var(--accent);color:#080b14;font-weight:600;}.cb-options-row{display:flex;align-items:center;gap:16px;padding:8px 20px;background:var(--surface);border-bottom:1px solid var(--border);font-size:12px;color:var(--text-muted);}.cb-options-row label{display:flex;align-items:center;gap:6px;cursor:pointer;}.cb-options-row select{background:var(--surface-2);color:var(--text);border:1px solid var(--border);padding:3px 8px;border-radius:4px;font-size:12px;outline:none;font-family:var(--font-sans);}.cb-main{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;overflow:hidden;}.cb-panel{display:flex;flex-direction:column;overflow:hidden;min-height:0;}.cb-panel:first-child{border-right:1px solid var(--border);}.cb-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface-2);}.cb-panel-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-muted);}.cb-panel-actions{display:flex;gap:6px;}.cb-editor-wrap{flex:1;position:relative;overflow:hidden;}.cb-textarea{width:100%;height:100%;background:var(--bg);color:var(--text);border:none;padding:16px;font-family:var(--font-mono);font-size:13px;line-height:1.7;resize:none;outline:none;tab-size:2;}.cb-textarea::placeholder{color:var(--text-muted);opacity:0.5;}.cb-output-wrap{flex:1;overflow:auto;background:var(--bg);}pre.cb-output{padding:16px;font-family:var(--font-mono);font-size:13px;line-height:1.7;white-space:pre;color:var(--text);min-height:100%;margin:0;}.cb-status-bar{padding:6px 16px;border-top:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-muted);}.cb-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:8px;padding:40px;text-align:center;}.cb-empty-state svg{opacity:0.3;margin-bottom:8px;}.cb-empty-state p{font-size:14px;}.cb-empty-state .cb-hint{font-size:12px;opacity:0.6;}.cb-syn-key{color:var(--syn-keyword);}.cb-syn-str{color:var(--syn-string);}.cb-syn-num{color:var(--syn-number);}.cb-syn-bool{color:var(--syn-bool);}.cb-syn-null{color:var(--syn-null);font-style:italic;}.cb-syn-brace{color:var(--syn-brace);}.cb-syn-colon{color:var(--syn-operator);}.cb-syn-kw{color:var(--syn-keyword);font-weight:600;}.cb-syn-fn{color:var(--syn-function);}.cb-syn-type{color:var(--syn-type);}.cb-syn-comment{color:var(--syn-comment);font-style:italic;}.cb-syn-op{color:var(--syn-operator);}.cb-syn-paren{color:var(--syn-paren);}.cb-syn-field{color:var(--syn-field);}.cb-syn-dir{color:var(--syn-directive);}.cb-syn-arg{color:var(--syn-argument);}@media (max-width:768px){.cb-main{grid-template-columns:1fr;grid-template-rows:1fr 1fr;}.cb-panel:first-child{border-right:none;border-bottom:1px solid var(--border);}}