/* Each depth adds columns; each column contains at most five diamond buttons. */
#hubFieldTools.hubMirrorSettings[data-nested]{display:flex!important;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}
#hubFieldTools[data-nested] .hubTreeGrid{display:grid;grid-template-columns:repeat(var(--tree-columns,1),48px);grid-auto-rows:48px;gap:4px;position:relative;flex:none;width:48px;height:48px;max-width:none;align-items:start;pointer-events:none}
#hubFieldTools[data-nested] .hubTreeItem{position:relative;width:48px;height:48px;pointer-events:auto}
#hubFieldTools[data-nested] .hubTreeItem[hidden]{display:none!important}
#hubFieldTools[data-nested] .hubTreeItem>.hubRhomb,#hubFieldTools[data-nested] .hubTreeItem>details,#hubFieldTools[data-nested] .hubTreeItem>details>summary{position:relative;inset:auto;margin:0;width:48px;height:48px;min-width:0;white-space:pre-line;text-align:center}
#hubFieldTools[data-nested] .hubTreeBranch{display:block;padding:0}
#hubFieldTools[data-nested] .hubTreeItem>.hubRhomb,#hubFieldTools[data-nested] .hubTilt>summary{display:flex;align-items:center;justify-content:center;padding:0;font:11px/1.1 system-ui,sans-serif}
#hubFieldTools[data-nested] .hubTreeBranch>summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;list-style:none;background:var(--hub-theme-bg);color:var(--hub-theme-bit)}
#hubFieldTools[data-nested] .hubTreeBranch>summary b{font-size:16px}
#hubFieldTools[data-nested] .hubTreeBranch>summary small{font:9px system-ui}
#hubFieldTools[data-nested] .hubTreeBranch[open]>summary{background:var(--hub-theme-bg)!important}   /* v0.249: раскрытая голова — без заливки; выделение только рамкой */
#hubFieldTools[data-nested] .hubTreeBranch[data-has-action=true]>summary[aria-pressed=false]{background:var(--hub-theme-bg)!important;color:color-mix(in srgb,var(--hub-theme-bit) 60%,transparent)}
#hubFieldTools[data-nested] .hubTreeBranch[data-has-action=true]>summary[aria-pressed=true]{background:var(--hub-theme-active)!important;color:var(--hub-theme-accent)}
#hubFieldTools[data-nested] .hubTreeItem:has(details[open]){z-index:45}
#hubFieldTools[data-nested] .hubTilt>label{position:absolute;left:var(--menu-left,0px);right:auto;top:48px;width:180px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--hub-theme-bg)!important;color:var(--hub-theme-bit);z-index:46;white-space:normal}
#hubFieldTools[data-nested] .hubTilt:not([open])>label{display:none}
#hubFieldTools[data-nested] .hubTilt>label input{width:100%;min-width:0;box-sizing:border-box}
#hubFieldTools[data-nested] [data-control-pinned=true][hidden]{display:flex!important}
#hubFieldTools[data-nested] details[data-control-pinned=true][hidden]{display:block!important}
#hubFieldTools[data-nested] [data-group-pinned=true]>summary::after,#hubFieldTools[data-nested] [data-control-pinned=true]:not(details)::after,#hubFieldTools[data-nested] [data-control-pinned=true]>summary::after{border:3px double var(--hub-theme-accent);opacity:1}
#hubFieldTools[data-nested] #hubMenuSources{display:none!important}
#hubFieldTools[data-nested] #hubBitPacking{position:relative;inset:auto}
@media(max-width:550px){#hubFieldTools.hubMirrorSettings[data-nested]{right:8px;left:8px;justify-content:flex-start;max-width:calc(100vw - 16px)}}

#hubFieldTools[data-nested] .hubTreeBranch[data-has-action=true]>summary[aria-pressed=mixed]{background:linear-gradient(135deg,var(--hub-theme-active) 50%,var(--hub-theme-bg) 50%)!important;color:var(--hub-theme-accent)}

/* v0.209: пульт движений у креста, цвета наверху, PNG и видео в «Файле». */
#hubZoom{pointer-events:none}#hubZoom>*{pointer-events:auto}
#hubFieldTools[data-nested] .hubFieldSlot[data-group=motion]{position:fixed;z-index:26}
#hubFieldTools[data-nested] .hubTreeItem>#hubPNG,#hubFieldTools[data-nested] .hubTreeItem>#hubRec{position:relative;inset:auto;top:auto;right:auto;z-index:auto}
#hubFieldTools[data-nested] .hubTreeItem>.hubColorGroup{position:absolute;left:-42px;top:0;z-index:46}
.hubColorGroup[hidden]{display:none!important}
/* v0.219: образцы и цвета — ромбами в решётке группы «Цвет». */
#hubFieldTools[data-nested] .hubTreeItem>.hubSwatch{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transform:none;padding:0;border:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);cursor:pointer}
#hubFieldTools[data-nested] .hubTreeItem>.hubSwatch:hover{filter:brightness(1.25)}
#hubFieldTools[data-nested] .hubTreeItem>.hubSwatch.hubPaletteOwn{background:var(--hub-theme-bg);color:#ffd166;font:16px/1 system-ui,sans-serif}
#hubFieldTools[data-nested] .hubTreeItem>.hubTreeColor{position:relative;width:48px;height:48px;margin:0!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--hub-theme-bg)}
/* v0.241: «стандартный фон должен быть, непонятно, нажата кнопка или нет» — цвет кнопки цвета только каймой и значком, фон обычный. */
#hubFieldTools[data-nested] .hubTreeItem>.hubTreeColor b{font-size:14px;color:var(--slot,var(--hub-theme-bit));text-shadow:none}
#hubFieldTools .hubColorGroup button.hubRhomb{width:40px;height:40px;font:12px/1.05 system-ui,sans-serif}
#hubFieldTools .hubColorGroup .hubPaletteList{right:auto;left:-24px;top:44px}
#hubFieldTools .hubPaletteList button{position:absolute;width:28px;height:28px;transform:translate(-50%,-50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);padding:0;border:0;cursor:pointer}
/* v0.211: верхний ряд ромбов прижат к верху экрана, заходит за край на четверть ромба. */
/* v0.243: «с обрезом верхних пополам» — верхний ряд заходит за край на полромба. */
@media(min-width:1101px){#hubFieldTools.hubMirrorSettings[data-nested]{top:-24px}}
/* v0.213: пирамида закреплённых — ромбы перекрывают квадраты соседей, мышь ловит только сам ромб. */
#hubFieldTools[data-nested] .hubTreeItem{pointer-events:none}
#hubFieldTools[data-nested] .hubTreeItem>*{pointer-events:auto}
/* v0.225: перестановка кнопок правой кнопкой мыши */
#hubFieldTools .hubTreeItem.hubReorderSrc>*{opacity:.45}
#hubFieldTools .hubTreeItem.hubReorderOver>*{filter:drop-shadow(0 0 4px var(--hub-theme-accent)) brightness(1.3)}
body.hubReordering,body.hubReordering *{cursor:grabbing!important;user-select:none!important}
/* v0.247: группу тянут — курсор крестом, перекрестье там, где встанет её вершина */
html body.hubGroupDragging,html body.hubGroupDragging *{cursor:crosshair!important}
#hubDropCross{position:fixed;width:0;height:0;pointer-events:none;z-index:2147483000}
#hubDropCross i,#hubDropCross b{position:absolute;background:rgba(255,211,91,.85);box-shadow:0 0 4px rgba(255,211,91,.9)}
#hubDropCross i{left:-30px;top:-.5px;width:60px;height:1px}
#hubDropCross b{top:-30px;left:-.5px;width:1px;height:60px}
body.hubReordering #hubTip{display:none}
/* v0.236: ветки раскрыты всегда — сама коробка ветки (у «Вида битов» она большая) не ловит мышь, только её ромб-голова */
#hubFieldTools[data-nested] .hubTreeBranch{pointer-events:none}
#hubFieldTools[data-nested] .hubTreeBranch>summary{pointer-events:auto}
/* v0.249: «иногда не даёт кнопку нажать, рука не появляется» — коробка ползунка (details.hubTilt) шире своего ромба и накрывала соседей
   (А / Б / В, Минимум, Скорость…); ловят мышь только сам ромб и раскрытый ползунок. */
#hubFieldTools[data-nested] .hubTreeItem,#hubFieldTools[data-nested] .hubTreeItem>details.hubTilt,#hubFieldTools details.hubTilt{pointer-events:none}
#hubFieldTools[data-nested] .hubTreeItem>details.hubTilt>*,#hubFieldTools details.hubTilt>*{pointer-events:auto}