/* The header stays outside the scrolling tool list. */
.ddc_meko-root .ddc_meko-toolbar.arc-toolbar-rail{
 width:var(--arc-rail-width,48px);padding:4px 0 6px;gap:4px;overflow:hidden;
}
.ddc_meko-root .arc-toolbar-layout-toggle{
 flex:0 0 22px;width:calc(100% - 8px);height:22px;align-self:center;
 display:flex;align-items:center;justify-content:center;
 border:0;border-bottom:1px solid var(--ddc-line);border-radius:5px 5px 0 0;
 background:transparent;color:var(--ddc-muted);font-size:18px;line-height:1;cursor:pointer;
}
.ddc_meko-root .arc-toolbar-layout-toggle:hover{
 background:var(--ddc-accent-soft);color:var(--ddc-accent2);
}
.ddc_meko-root .arc-toolbar-tools{
 min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;
 grid-template-columns:34px;gap:3px;padding:0 4px;
 align-content:start;flex:1;
}
.ddc_meko-root .arc-toolbar-rail[data-columns="2"] .arc-toolbar-tools{
 grid-template-columns:repeat(2,34px);
}
.ddc_meko-root .arc-toolbar-tools .ddc_meko-tool{
 margin:0;padding:0;border:1px solid transparent;border-radius:7px;
}
.ddc_meko-root .arc-toolbar-tools::-webkit-scrollbar{width:4px}
.ddc_meko-root .arc-toolbar-tools::-webkit-scrollbar-thumb{
 background:var(--ddc-line-strong);border-radius:4px;
}
.ddc_meko-root .arc-toolbar-tools::-webkit-scrollbar-track{background:transparent}
.ddc_meko-root:has(.arc-toolbar-rail[data-pos="left"]) .ddc_meko-panel[data-pos="left"]{
 left:calc(var(--arc-rail-width,48px) + 16px);
}

/* Keep single-column buttons compact and evenly spaced. */
.ddc_meko-root .arc-toolbar-rail[data-columns="1"] .arc-toolbar-tools{
 grid-auto-rows:34px;align-content:start;
}
/* Override legacy nth-child separators in the two-column grid. */
.ddc_meko-root .ddc_meko-toolbar.arc-toolbar-rail[data-columns="2"] .arc-toolbar-tools .ddc_meko-tool:nth-child(n){
 margin:0;padding:0;border:1px solid transparent;border-radius:7px;
}
.ddc_meko-root .ddc_meko-toolbar.arc-toolbar-rail[data-columns="2"] .arc-toolbar-tools .ddc_meko-tool:hover{
 border-color:var(--ddc-accent-line);
}

/* Both layouts use content height, bounded by the remaining map space. */
.ddc_meko-root .ddc_meko-toolbar.arc-toolbar-rail{
 bottom:auto;height:auto;max-height:calc(100% - 16px);
}
.ddc_meko-root .arc-toolbar-rail .arc-toolbar-tools{
 flex:0 1 auto;grid-auto-rows:34px;align-content:start;
}

.ddc_meko-root .arc-toolbar-tools>.ddc_meko-tool[hidden]{display:none!important}

/* Fixed-order legacy separators must not enlarge buttons inside the grid. */
.ddc_meko-root .ddc_meko-toolbar.arc-toolbar-rail .arc-toolbar-tools>.ddc_meko-tool:nth-child(n){width:34px;height:34px;min-height:34px;box-sizing:border-box;margin:0;padding:0;border:1px solid transparent;border-radius:7px;filter:none}
.ddc_meko-root .ddc_meko-toolbar.arc-toolbar-rail .arc-toolbar-tools>.ddc_meko-tool:hover{border-color:var(--ddc-accent-line);background:var(--ddc-accent-soft);color:var(--ddc-accent2)}
.ddc_meko-root .ddc_meko-toolbar.arc-toolbar-rail .arc-toolbar-tools>.ddc_meko-tool.active{border-color:var(--ddc-accent);background:var(--ddc-accent);color:#fff}