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