.ddc_meko-root .ddc_meko-layer-row.arc-layer-with-legend{display:grid;grid-template-columns:20px 14px 17px minmax(0,1fr) auto;gap:6px;padding:9px 8px;align-items:center}
.ddc_meko-root .arc-legend-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:24px;padding:3px;border:0;background:transparent;color:var(--ddc-muted);border-radius:4px;cursor:pointer}
.ddc_meko-root .arc-legend-toggle:hover{background:var(--ddc-panel-2);color:var(--ddc-accent2)}
.ddc_meko-root .arc-legend-toggle:focus-visible{outline:2px solid var(--ddc-accent);outline-offset:1px}
.arc-legend-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .16s ease}
.arc-legend-toggle[aria-expanded=true] svg{transform:rotate(90deg)}
.ddc_meko-root .arc-layer-legend{grid-column:4 / -1;margin:0;padding:1px 0 1px 6px;border-left:1px solid var(--ddc-line);max-height:220px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--ddc-line-strong) transparent}
.arc-layer-legend[hidden]{display:none}
.arc-legend-item{display:flex;align-items:center;gap:6px;min-height:24px}
.arc-legend-swatch{display:flex;align-items:center;justify-content:center;width:30px;height:20px;flex:none;background:transparent;border:0;border-radius:0}
.arc-legend-swatch svg{width:30px;height:20px;display:block}
.arc-legend-label{font-size:11px;line-height:1.35;color:var(--ddc-text);overflow-wrap:anywhere;min-width:0}
@media(prefers-reduced-motion:reduce){.arc-legend-toggle svg{transition:none}}