.clc{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:8px;overflow:hidden}.clc-bar{border-bottom:1px solid var(--color-border,#e5e7eb);background:var(--color-bg,#fafafa);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex}.clc-group{align-items:center;gap:4px;display:flex}.clc-sep{background:var(--color-border,#e5e7eb);width:1px;height:20px}.clc-spring{flex:1}.clc-btn{font-size:11px;font-family:var(--font-data,"JetBrains Mono", monospace);color:var(--color-text-secondary,#6b7280);background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);cursor:pointer;white-space:nowrap;border-radius:5px;padding:4px 9px;transition:all .15s}.clc-btn:hover:not(:disabled){color:var(--color-text,#1a1a1a);border-color:var(--color-border-strong,#d1d5db)}.clc-btn.active{color:var(--color-text,#1a1a1a);border-color:var(--color-text,#1a1a1a);font-weight:600}.clc-btn.greyed,.clc-btn:disabled{opacity:.35;cursor:not-allowed}.clc-btn.clc-ico{padding:4px 8px;font-size:13px;line-height:1}.clc-restore{font-size:11px;font-family:var(--font-data,"JetBrains Mono", monospace);color:var(--color-red,#dc2626);background:var(--color-surface,#fff);border:1px solid var(--color-red,#dc2626);cursor:pointer;white-space:nowrap;border-radius:999px;padding:4px 10px;font-weight:600}.clc-restore:hover{background:#fef2f2}.clc-search{align-items:center;gap:4px;display:flex}.clc-search input{opacity:0;border:1px solid var(--color-border,#e5e7eb);width:0;font-size:12px;font-family:var(--font-body,"DM Sans", system-ui, sans-serif);color:var(--color-text,#1a1a1a);background:var(--color-surface,#fff);border-radius:5px;outline:none;padding:4px 0;transition:width .18s,opacity .12s,padding .18s}.clc-search.open input{opacity:1;width:170px;padding:4px 8px}.clc-search input:focus{border-color:var(--color-border-strong,#9ca3af)}.clc-area{position:relative}.clc-wrap{flex-direction:column;width:100%;display:flex}.clc-pane{border-top:1px solid var(--color-border,#e5e7eb);position:relative}.clc-pane-label{color:var(--color-text-muted,#9ca3af);z-index:2;letter-spacing:.3px;font-size:9px;font-weight:600;position:absolute;top:2px;left:8px}.clc-legend{z-index:3;border:1px solid var(--color-border,#e5e7eb);background:#fffffff0;border-radius:6px;flex-direction:column;gap:2px;min-width:190px;max-width:260px;padding:6px 10px;display:flex;position:absolute;top:10px;left:12px}.clc-legend:empty{display:none}.clc-legend-date{font-family:var(--font-data,"JetBrains Mono", monospace);color:var(--color-text-muted,#9ca3af);font-size:10px}.clc-legend-row{cursor:pointer;font-family:var(--font-data,"JetBrains Mono", monospace);color:var(--color-text,#1a1a1a);text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:1px 0;font-size:11px;display:flex}.clc-legend-row:hover .clc-legend-lbl{text-decoration:underline}.clc-legend-row.off{opacity:.42}.clc-legend-row.off .clc-legend-dot{background:var(--color-text-muted,#9ca3af)!important}.clc-legend-dot{border-radius:2px;flex:none;width:9px;height:9px;display:inline-block}.clc-legend-lbl{font-weight:700}.clc-legend-val{font-variant-numeric:tabular-nums;margin-left:auto}.clc-legend-pct{font-variant-numeric:tabular-nums;text-align:right;min-width:58px}.clc-legend-pct.up{color:#16a34a}.clc-legend-pct.down{color:var(--color-red,#dc2626)}.clc-drawer{border-top:1px solid var(--color-border,#e5e7eb);background:var(--color-bg,#fafafa);padding:2px 0}.clc-ta-row{flex-wrap:wrap;align-items:center;gap:3px;min-height:28px;padding:4px 12px;display:flex}.clc-ta-lbl{color:var(--color-text-muted,#9ca3af);text-transform:uppercase;letter-spacing:.5px;margin-right:2px;font-size:9px;font-weight:700}.clc-ta-btn{border:1px solid var(--color-border,#e5e7eb);background:var(--color-surface,#fff);cursor:pointer;font-size:10px;font-family:var(--font-body,"DM Sans", system-ui, sans-serif);color:var(--color-text-muted,#9ca3af);white-space:nowrap;border-radius:3px;padding:1px 6px;transition:all .15s}.clc-ta-btn:hover{background:var(--color-bg,#fafafa)}.clc-ta-btn.on-blue{color:#fff;background:#2563eb;border-color:#2563eb}.clc-ta-btn.on-orange{color:#fff;background:#ea580c;border-color:#ea580c}.clc-ta-btn.on-purple{color:#fff;background:#7c3aed;border-color:#7c3aed}.clc-ta-btn.on-green{color:#fff;background:#16a34a;border-color:#16a34a}.clc-ta-btn.on-red{color:#fff;background:#dc2626;border-color:#dc2626}.clc-ta-btn.on-cyan{color:#fff;background:#0891b2;border-color:#0891b2}.clc-ta-btn.on-pink{color:#fff;background:#db2777;border-color:#db2777}.clc-ta-btn.on-gray{color:#fff;background:#4b5563;border-color:#4b5563}.clc-ta-btn.on-amber{color:#fff;background:#d97706;border-color:#d97706}.clc-note{color:var(--color-text-muted,#9ca3af);font-size:11px;font-family:var(--font-data,"JetBrains Mono", monospace);border-top:1px solid var(--color-border,#e5e7eb);padding:6px 12px}@media (width<=700px){.clc-bar{gap:4px;padding:6px 8px}.clc-btn{padding:3px 7px;font-size:10px}.clc-legend{min-width:150px;padding:5px 8px}.clc-search.open input{width:110px}}