.ci-controls-panel{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--bg-surface) 88%, var(--bg-hover));padding:12px}.ci-controls{grid-template-columns:1fr;align-items:end;gap:12px;display:grid}.ci-field{min-width:0;margin-bottom:0}.ci-field label{min-height:1.15rem}.ci-control-row{grid-template-columns:minmax(120px,1fr) 112px minmax(54px,auto);align-items:center;gap:8px;display:grid}#ci-custom-wrap .ci-control-row{grid-template-columns:112px minmax(78px,auto);justify-content:start}.ci-select,.ci-num{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);width:100%;color:var(--text);font-size:.92rem}.ci-select:focus,.ci-num:focus{border-color:var(--accent);outline:none}.ci-slider{width:100%;min-width:0;accent-color:var(--accent)}.ci-num{text-align:right}.ci-unit{text-align:left;min-width:0}.ci-toggle-grid{flex-wrap:wrap;gap:8px 16px;margin-top:12px;display:flex}.ci-toggle-row{color:var(--text-dim);align-items:center;gap:8px;margin:0;font-size:.9rem;display:inline-flex}.ci-toggle-row input{accent-color:var(--accent)}.ci-view-toggle-row,.ci-mode-row{flex-direction:column;align-items:flex-start;gap:6px;margin:12px 0 0;display:flex}.ci-view-label{color:var(--text-dim);font-size:.9rem}.ci-btn-group{flex-wrap:wrap;gap:8px;display:flex}.ci-view-btn,.ci-mode-btn{padding:5px 10px}.ci-mode-btn.active,.ci-view-btn.active{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent)}.ci-sample-context{margin:8px 0 12px}.ci-canvas-wrap{padding:12px;overflow:hidden}.ci-chart-head{grid-template-columns:minmax(150px,max-content) minmax(220px,1fr);align-items:start;gap:10px 14px;margin-bottom:8px;display:grid}.ci-chart-head>div:first-child{min-width:0}.ci-chart-title{color:var(--text);font-size:.95rem;font-weight:700}.ci-chart-subtitle{color:var(--text-dim);font-size:.78rem}.ci-chart-legend{min-width:0;color:var(--text-dim);flex-wrap:wrap;justify-content:flex-end;gap:7px 12px;font-size:.78rem;display:flex}.ci-chart-legend span{white-space:normal;overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;max-width:100%;display:inline-flex}.ci-swatch{border-radius:999px;width:18px;height:3px;display:inline-block}.ci-swatch-principal{background:#60a5fa}.ci-swatch-discrete{background:var(--accent)}.ci-swatch-cont{background:#f59e0b}.ci-canvas-wrap canvas{border-radius:6px;min-height:280px;display:block}.ci-table-wrap{padding:0;overflow:hidden}.ci-table-scroll,.ci-equation-scroll{overflow:auto}.ci-table,.ci-equation-table{border-collapse:collapse;width:100%;font-size:.92rem}.ci-table th,.ci-table td,.ci-equation-table th,.ci-equation-table td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;vertical-align:middle;padding:9px 10px}.ci-table th:first-child,.ci-table td:first-child,.ci-equation-table th:first-child,.ci-equation-table td:first-child{text-align:left}.ci-equation-table th:nth-child(2),.ci-equation-table td:nth-child(2){text-align:left;font-size:1.02rem;line-height:1.55}@media (width>=641px){.ci-equation-table th:nth-child(2),.ci-equation-table td:nth-child(2){min-width:500px}}.ci-table thead th,.ci-equation-table thead th{color:var(--text-dim);background:color-mix(in srgb, var(--bg-hover) 48%, transparent);font-weight:700}.ci-equation-table .katex{font-size:1.08em}.ci-result-box{margin-top:0;padding:0;overflow:hidden}.ci-result-box .result-label{margin:0;padding:12px 12px 6px}.ci-related .insight{margin-top:0}@media (width<=900px){.ci-chart-head{grid-template-columns:1fr}.ci-chart-legend{justify-content:flex-start}}@media (width>=780px){.ci-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.ci-control-row{grid-template-columns:minmax(0,1fr) 74px minmax(0,auto);gap:6px}.ci-control-row-nounit{grid-template-columns:minmax(0,1fr) 74px}#ci-custom-wrap .ci-control-row{grid-template-columns:88px minmax(56px,auto)}.ci-chart-head{grid-template-columns:1fr}.ci-chart-legend{justify-content:flex-start;margin-top:0}.ci-equation-table,.ci-equation-table tbody,.ci-equation-table tr{width:100%;display:block}.ci-equation-table thead{display:none}.ci-equation-table tr{border-bottom:1px solid var(--border);padding:10px 0}.ci-equation-table td{text-align:left;white-space:normal;border-bottom:none;width:auto;min-width:0;padding:3px 0 3px 12px;display:block}.ci-equation-table td[data-th]:before{content:attr(data-th);letter-spacing:.02em;text-transform:uppercase;color:var(--text-dim);margin-bottom:2px;font-size:.68rem;font-weight:700;display:block}.ci-equation-table td:nth-child(2){-webkit-overflow-scrolling:touch;overflow-x:auto}.ci-equation-table .katex{font-size:.96em}}
