/* v0.185 — transparent themed diamond groups. */
#hubFieldTools.hubMirrorSettings.open{background:transparent!important;box-shadow:none;border:0;padding:0}
#hubFieldTools.hubMirrorSettings[data-grouped]{right:158px;width:auto;max-width:none;gap:0;justify-content:space-between;flex-wrap:wrap;row-gap:6px;pointer-events:none;overflow:visible}
#hubFieldTools .hubFieldSlot>.hubBitView,#hubFieldTools>#hubBitPacking{position:relative;inset:auto;flex:none;width:48px;margin:0;pointer-events:auto}
#hubFieldTools .hubFieldSlot>.hubBitView>summary{background:var(--hub-theme-active)!important;color:var(--hub-theme-accent)!important}
#hubFieldTools .hubFieldSlot>.hubBitView .hubBitViewOptions .hubRhomb{background:var(--hub-theme-bg)!important;color:var(--hub-theme-accent)!important}
#hubFieldTools .hubFieldGroup{position:relative;flex:none;width:48px;pointer-events:auto}
#hubFieldTools .hubFieldGroup>summary{flex-direction:column;list-style:none;gap:2px;font:12px/1.1 system-ui,sans-serif}
#hubFieldTools .hubFieldGroup>summary::-webkit-details-marker{display:none}
#hubFieldTools .hubFieldGroup>summary b{font-size:16px}
#hubFieldTools .hubFieldGroup>summary small{font-size:9px}
#hubFieldTools .hubFieldGroup[open]{z-index:40}
#hubFieldTools .hubFieldGroup[open]>summary{background:var(--hub-theme-bg)!important}   /* v0.249: раскрытая голова — без заливки, как все */
#hubFieldTools .hubFieldGroupBody{position:absolute;left:0;top:48px;display:grid;grid-template-columns:repeat(4,48px);align-items:start;gap:4px;width:204px;padding:4px 0 0;background:transparent;color:var(--hub-theme-bit);text-shadow:0 1px 2px #000}
#hubFieldTools .hubFieldGroup[data-group=file] .hubFieldGroupBody,#hubFieldTools .hubFieldGroup[data-group=flow] .hubFieldGroupBody{left:auto;right:0}
#hubFieldTools .hubFieldContents{display:contents}
#hubFieldTools .hubFieldGroupBody .hubRhomb,#hubFieldTools .hubFieldGroupBody .hubTilt>summary{position:relative;flex:none;width:48px;height:48px;white-space:pre-line;text-align:center}
#hubFieldTools .hubRhomb,#hubFieldTools .hubTilt>summary{position:relative}
#hubFieldTools .hubRhomb::after,#hubFieldTools .hubTilt>summary::after{content:'';position:absolute;inset:7.5px;border:1px solid currentColor;transform:rotate(45deg);pointer-events:none;opacity:.55}
#hubFieldTools .hubFieldGroupBody .hubTilt[open]{grid-column:1/-1;width:204px;display:flex;align-items:center;gap:4px}
#hubFieldTools .hubFieldGroupBody .hubTilt>label{position:static;left:auto;right:auto;top:auto;width:152px;min-width:0;box-sizing:border-box;padding:4px;margin:0;flex-direction:column;white-space:normal;background:transparent!important;border:0;color:var(--hub-theme-bit)}
#hubFieldTools .hubFieldGroupBody .hubTilt>label input{width:100%;box-sizing:border-box}
#hubFieldTools #hubRowCount output{width:auto;min-width:7ch;white-space:nowrap;text-align:center}
#hubFieldTools .hubMirrorSpinControl,#hubFieldTools .hubFlipControl{grid-column:1/-1;order:0;gap:4px;width:204px;flex:none}
#hubFieldTools .hubMirrorSpeedControl{width:152px;text-align:center}
#hubFieldTools .hubMirrorSpeed{width:152px}
#hubFieldTools .hubImageStatus{grid-column:1/-1;order:0;color:var(--hub-theme-bit);font-size:10px;text-shadow:0 1px 2px #000}
#hubFieldTools .hubRhomb:focus-visible,#hubFieldTools .hubTilt>summary:focus-visible{background:var(--hub-theme-active)!important}
@media(max-width:1100px){#hubFieldTools.hubMirrorSettings[data-grouped]{left:8px;right:8px;top:60px;max-height:none}}
@media(max-width:550px){
  #hubFieldTools.hubMirrorSettings[data-grouped]{display:grid;grid-template-columns:repeat(4,48px);row-gap:6px}
  #hubFieldTools .hubFieldGroup .hubFieldGroupBody{left:0;right:auto}
  #hubFieldTools .hubFieldSlot:nth-child(4n+3) .hubFieldGroup .hubFieldGroupBody,#hubFieldTools .hubFieldSlot:nth-child(4n) .hubFieldGroup .hubFieldGroupBody{left:auto;right:0}
}
#hubBitPacking{position:fixed;right:158px;top:6px;z-index:26;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--hub-theme-bg);color:var(--hub-theme-bit);font:12px/1.15 system-ui,sans-serif;white-space:pre-line;cursor:pointer;touch-action:manipulation}
#hubBitPacking::after{content:'';position:absolute;inset:7.5px;border:1px solid currentColor;transform:rotate(45deg);pointer-events:none;opacity:.55}
#hubBitPacking[aria-pressed=true],#hubBitPacking:hover,#hubBitPacking:focus-visible{background:var(--hub-theme-active);color:var(--hub-theme-accent)}
#hubFlow{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:0}   /* v0.246: потоки под битами */
#hubFieldTools .hubFlowStatus{grid-column:1/-1;font:10px/1.4 system-ui,sans-serif;color:var(--hub-theme-bit)}
#hubFieldTools .hubFlowControls [aria-pressed=true]{color:var(--hub-theme-accent)!important;background:var(--hub-theme-active)!important}

/* Pins retain their real controls and remain outside the collapsing details. */
#hubFieldTools .hubFieldSlot{position:relative;display:flex;flex:none;flex-wrap:wrap;align-items:flex-start;gap:2px;max-width:100%;pointer-events:auto}
#hubFieldTools .hubPinnedControl{position:relative;flex:none;width:48px;pointer-events:auto}
#hubFieldTools .hubPinnedControl>[data-control-pinned]{position:relative;inset:auto;margin:0;width:48px;white-space:pre-line;text-align:center}
#hubFieldTools .hubPinnedControl>[data-control-pinned][hidden]{display:flex!important}
#hubFieldTools .hubPinnedControl>details{display:block}
#hubFieldTools .hubPinnedControl>details>summary{width:48px;height:48px}
#hubFieldTools .hubPinnedControl>details>label{position:absolute;top:48px;left:0;width:180px;background:var(--hub-theme-bg)!important}
#hubFieldTools [data-group-pinned=true]>summary::after,#hubFieldTools [data-control-pinned=true]:not(details)::after,#hubFieldTools [data-control-pinned=true]>summary::after{border:3px double var(--hub-theme-accent);opacity:1}
#hubFieldTools .hubFieldGroup[data-group-pinned=true]{width:204px}
#hubFieldTools .hubFieldGroup[data-group-pinned=true]>.hubFieldGroupBody{position:relative;inset:auto}
#hubFieldTools .hubBitView[data-group-pinned=true]{width:72px}
#hubFieldTools .hubBitView[data-group-pinned=true]>.hubBitViewOptions{position:relative;top:0;margin-bottom:24px}
#hubFieldTools[data-has-pins=true]{display:flex!important;column-gap:6px}
#hubFieldTools .hubFieldGroup:not([data-group-pinned=true])>.hubFieldGroupBody,#hubFieldTools .hubPinnedControl>details>label{left:var(--menu-left,0px);right:auto}

/* The desktop navigation slides left, leaving an accessible narrow handle. */
#hubSidebarToggle{display:none}
@media(min-width:1101px){
  .hub,#hubLogo{transition:transform .25s ease,visibility .25s}
  /* v0.232: вместо полосы во всю высоту — ромб у логотипа; свёрнутое меню — столбик ромбов (hub-pages.css) */
  #hubSidebarToggle{display:flex;position:fixed;z-index:50;left:4px;top:12px;width:40px;height:40px;padding:0;align-items:center;justify-content:center;border:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--hub-theme-bg);color:var(--hub-theme-bit);font:16px/1 system-ui,sans-serif;cursor:pointer;touch-action:manipulation;transition:left .25s ease}
  #hubSidebarToggle:hover,#hubSidebarToggle:focus-visible{background:var(--hub-theme-active);color:var(--hub-theme-accent);outline:1px solid currentColor;outline-offset:-1px}
  body.hubSidebarCollapsed #hubLogo{transform:translateX(calc(-100% - 20px));visibility:hidden;pointer-events:none}
  body.hubSidebarCollapsed #hubSidebarToggle{left:4px}
}
@media(prefers-reduced-motion:reduce){.hub,#hubLogo,#hubSidebarToggle{transition:none!important}}

/* Flows continue behind navigation; zen only changes interface visibility. */
.hub{z-index:8}
#hubZenToggle{position:fixed;right:12px;bottom:12px;z-index:60;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:48px;height:48px;padding:0;border:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--hub-theme-bg);color:var(--hub-theme-bit);font:12px/1.15 system-ui,sans-serif;white-space:pre-line;text-align:center;cursor:pointer;touch-action:manipulation}
#hubZenToggle::after{content:'';position:absolute;inset:7.5px;border:1px solid currentColor;transform:rotate(45deg);pointer-events:none;opacity:.55}
#hubZenToggle:hover,#hubZenToggle:focus-visible{color:var(--hub-theme-accent);background:var(--hub-theme-active)}
body.hubZen .hub,body.hubZen #hubLogo,body.hubZen #hubSidebarToggle,body.hubZen #hubFieldTools,body.hubZen #hubZoom,body.hubZen #hubRec,body.hubZen #hubPNG,body.hubZen #hubDown,body.hubZen #hubMirrorViewport,body.hubZen #hub3DQuick,body.hubZen .hubColorEditor,body.hubZen .hubCenterBit,body.hubZen .hubAxisDragHint{visibility:hidden!important;pointer-events:none!important}
body.hubZen{overflow:hidden}
body.hubZen #hubZenToggle{opacity:.18}
body.hubZen #hubZenToggle:hover,body.hubZen #hubZenToggle:focus-visible{opacity:1}
/* PNG и ⏺ Видео — ромбами под «Дзен» (hub-pult.js), видны и в дзене */
.hubZenSave{position:fixed;z-index:60;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:48px;height:48px;padding:0;border:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--hub-theme-bg);color:var(--hub-theme-bit);font:11px/1.15 system-ui,sans-serif;white-space:pre-line;text-align:center;cursor:pointer;touch-action:manipulation}
.hubZenSave::after{content:'';position:absolute;inset:7.5px;border:1px solid currentColor;transform:rotate(45deg);pointer-events:none;opacity:.55}
.hubZenSave:hover,.hubZenSave:focus-visible{color:var(--hub-theme-accent);background:var(--hub-theme-active)}
#hubZenRec.on{color:#ff4d5e;animation:hub-rec-blink 1s ease-in-out infinite}
#hubZenSys.on{color:var(--hub-theme-accent);background:var(--hub-theme-active)}   /* v0.389: звук ПК в видео включён */
body.hubZen .hubZenSave{opacity:.35}
body.hubZen .hubZenSave:hover,body.hubZen .hubZenSave:focus-visible,body.hubZen #hubZenRec.on{opacity:1}