.cp{--bg:#080c10;--bg-2:#0b1116;--grid:rgba(120,170,190,0.05);--panel:#0e151b;--panel-2:#111a21;--raise:#16212a;--edge:#1d2932;--edge-soft:rgba(255,255,255,0.055);--text:#ccd8e1;--dim:#7d8d99;--faint:#6f8090;--data:#2fe6cf;--data-deep:#0e8e82;--gate:#ffb454;--gate-deep:#b6731f;--sel:#4fc3ff;--danger:#ff5f56;--good:#45d6a4;--font-display:"Chivo",ui-sans-serif,system-ui,sans-serif;--font-body:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;position:fixed;inset:0;display:flex;flex-direction:column;background:radial-gradient(1200px 600px at 75% -10%,rgba(47,230,207,.06),transparent 60%),radial-gradient(900px 500px at 0 110%,rgba(255,180,84,.04),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-body);font-size:13px;line-height:1.4;overflow:hidden;-webkit-font-smoothing:antialiased}.cp *{box-sizing:border-box}.cp ::-webkit-scrollbar{width:9px;height:9px}.cp ::-webkit-scrollbar-thumb{background:#223039;border-radius:6px;border:2px solid var(--panel)}.cp ::-webkit-scrollbar-thumb:hover{background:#2c3e49}.cp-header{display:flex;align-items:center;gap:18px;height:50px;padding:0 16px;border-bottom:1px solid var(--edge);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);flex:0 0 auto}.cp-wordmark{font-family:var(--font-display);font-weight:900;font-size:16px;letter-spacing:.16em;color:var(--text)}.cp-wordmark b{color:var(--data)}.cp-module{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);padding-left:14px;border-left:1px solid var(--edge)}.cp-header-spacer{flex:1}.cp-telemetry{display:flex;gap:22px;align-items:center}.cp-tele{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.cp-tele .k{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.cp-tele .k,.cp-tele .v{font-family:var(--font-mono)}.cp-tele .v{font-size:13px;color:var(--data)}.cp-tele .v.plain{color:var(--text)}.cp-tele .v.amber{color:var(--gate)}.cp-tele .v.good{color:var(--good)}.cp-body{flex:1;display:grid;grid-template-columns:280px minmax(0,1fr) 360px;min-height:0;overflow:hidden}.cp-col{min-height:0;overflow-y:auto;display:flex;flex-direction:column}.cp-col.left{border-right:1px solid var(--edge)}.cp-col.right{border-left:1px solid var(--edge)}.cp-col.center{overflow:hidden;background:var(--bg-2);display:flex;flex-direction:column}.cp-panel{border-bottom:1px solid var(--edge)}.cp-panel.flush{border-bottom:none}.cp-panel-head{display:flex;align-items:center;gap:8px;padding:10px 14px 8px}.cp-panel-head h3{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin:0}.cp-panel-head .spacer{flex:1}.cp-panel-body{padding:4px 14px 14px}.cp-label{display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}.cp-input,.cp-select{width:100%;background:var(--raise);border:1px solid var(--edge);border-radius:5px;color:var(--text);font-family:var(--font-mono);font-size:12px;padding:6px 10px;outline:none;transition:border-color .15s ease}.cp-input:focus,.cp-select:focus{border-color:var(--data)}.cp-row{margin-bottom:10px}.cp-run-btn{width:100%;padding:9px 0;background:rgba(47,230,207,.1);border:1px solid var(--data-deep);border-radius:6px;color:var(--data);font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.cp-run-btn:hover:not(:disabled){background:rgba(47,230,207,.18);border-color:var(--data)}.cp-run-btn:disabled{opacity:.4;cursor:default}.cp-run-btn.loading{color:var(--gate);border-color:var(--gate-deep);background:rgba(255,180,84,.08)}.cp-error{margin-top:10px;padding:8px 12px;background:rgba(255,95,86,.08);border:1px solid rgba(255,95,86,.3);border-radius:5px;color:var(--danger);font-family:var(--font-mono);font-size:11px;word-break:break-word}.cp-plot-area{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:16px;gap:8px}.cp-plot-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.cp-svg-wrap{flex:1;min-height:0;position:relative}.cp-svg-wrap svg{width:100%;height:100%}.cp-empty{flex:1;flex-direction:column;gap:12px;color:var(--faint);letter-spacing:.1em}.cp-empty,.cp-loading{display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.cp-loading{flex:1;gap:14px;letter-spacing:.18em;color:var(--dim)}.cp-spinner{width:20px;height:20px;border:2px solid var(--edge);border-top-color:var(--data);border-radius:50%;animation:cp-spin .7s linear infinite}@keyframes cp-spin{to{transform:rotate(1turn)}}.cp-stats-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:11px}.cp-stats-table th{text-align:right;padding:6px 8px;font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--edge)}.cp-stats-table th:first-child{text-align:left}.cp-stats-table td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.04);text-align:right;color:var(--dim);white-space:nowrap}.cp-stats-table td:first-child{text-align:left;color:var(--text);max-width:140px;overflow:hidden;text-overflow:ellipsis}.cp-stats-table tr:hover td{background:rgba(47,230,207,.04)}.cp-swatch{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;flex-shrink:0}.cp-stats-table .val-data{color:var(--data)}.cp-stats-table .val-dim{color:var(--faint)}.cp-mode-group{display:flex;gap:4px}.cp-mode-btn{flex:1;padding:5px 0;background:var(--panel);border:1px solid var(--edge);border-radius:4px;color:var(--faint);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .12s ease;text-align:center}.cp-mode-btn.active{background:rgba(47,230,207,.12);border-color:var(--data-deep);color:var(--data)}.cp-mode-btn:hover:not(.active){border-color:var(--dim);color:var(--text)}.cp-legend{display:flex;flex-wrap:wrap;gap:8px;padding:6px 0}.cp-legend-item{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;color:var(--dim)}