/* Маятник v0.495 — scoped surfaces, contours and compact controls, КНОПКИ v31. */
body.mayatnik-menu-ready{--may-surface:#1b2430}   /* v0.455, В07 v23: ровный фон кнопок без градиента */
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard{--may-outline:#394657;--may-stroke:1px;--gz-w:120px;--gz-h:24px;--gz-n:12px;box-sizing:border-box!important;position:relative;isolation:isolate;display:flex;align-items:center;width:120px!important;min-width:120px!important;max-width:120px!important;height:24px!important;min-height:24px!important;max-height:24px!important;flex-shrink:0;margin:0!important;padding:0 12px!important;border:0!important;border-radius:0!important;clip-path:polygon(12px 0,108px 0,120px 12px,108px 24px,12px 24px,0 12px)!important;background:var(--may-surface)!important;color:#dfe6f5!important;filter:none!important;box-shadow:none!important;outline:0!important;text-shadow:none!important;font:var(--button-font,12px/1.2 'Segoe UI',sans-serif)!important;letter-spacing:var(--button-letter-spacing,0);white-space:nowrap;overflow:hidden;gap:4px}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard::before,:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard::after{display:none!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard *{text-shadow:none!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard:is(:hover,:focus-visible){--may-outline:var(--c,#7cbcff)}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard:is(.on,.gz-on,[aria-pressed=true]){--may-outline:var(--c,#7cbcff);--may-stroke:2px}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard:is(:active,.gz-press){--may-outline:var(--c,#7cbcff);--may-stroke:3px}
.may-standard-outline{position:absolute!important;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.may-standard-outline polygon{fill:none;stroke:var(--may-outline);stroke-width:calc(2 * var(--may-stroke));stroke-linejoin:miter}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard.may-standard-mini{width:34px!important;min-width:34px!important;max-width:34px!important;padding:0!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important;justify-content:center}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard.may-standard-open:not(:active):not(.gz-press){--may-outline:#394657;--may-stroke:1px}
.may-standard-open>.may-standard-outline{display:none}
.may-standard-roof{position:absolute!important;inset:0;width:100%;height:24px;z-index:4;pointer-events:none;overflow:visible}
.may-standard-roof path,.may-standard-contours .cap{fill:none;stroke:var(--c,#7cbcff);stroke-width:2;stroke-linejoin:miter}
.may-standard:is(:active,.gz-press)>.may-standard-roof{display:none}
.may-standard:is(:active,.gz-press)>.may-standard-outline{display:block}
.may-standard-contours{position:absolute!important;left:0;top:0;width:100%;height:24px;z-index:-2;pointer-events:none;overflow:visible}
/* Кратность: единый контрол, 1 — плавно; стрелки меняют основание на один. */
:is(body.mayatnik-menu-ready,#paintTools) .may-snap-control.may-standard.may-standard.may-standard{padding:0 8px!important;gap:0!important}
.may-snap-control>.gz-nm{flex:1;min-width:0;font-size:10px;overflow:hidden}
.may-snap-control>.may-snap-part{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 16px;height:24px;font-size:10px;cursor:pointer}
.may-snap-control>.may-snap-part.gz-on::before{content:'';position:absolute;inset:3px -1px;z-index:-1;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--c)}
.may-snap-control>.may-snap-part.gz-on{color:#10141c}
.may-snap-control>.may-snap-part:focus-visible{outline:1px solid var(--c);outline-offset:-2px}
/* Each mode owns its two round colour samples; the old separate palettes are hidden. */
.may-view-palette>.gz-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:center}
.may-view-swatch{position:relative;display:block;flex:0 0 12px;width:12px;height:12px;padding:0;margin:0;border:1px solid #738397;border-radius:50%;cursor:pointer;outline:none}
.may-view-swatch:focus-visible{outline:2px solid var(--c);outline-offset:1px}
/* v0.462: служебный SVG не получает старый отступ 12 px для элементов списка без .gz-hx. */
body.mayatnik-menu-ready #paintTools.pt-dd .pt-r>.may-standard-contours{margin:0!important}
/* v0.463: нижняя группа — единый столбец над заголовком, без скобки на их стыке. */
body.mayatnik-menu-ready header #paintTools.pt-dd .pt-bot>.pt-r{bottom:calc(100% + 2px)!important}
body.mayatnik-menu-ready header #paintTools>.gz-group.pt-bot{gap:2px}
body.mayatnik-menu-ready header #paintTools>.gz-group.pt-bot>.may-rail-list{position:relative;display:none;flex-direction:column;width:120px!important;padding:0;margin:0!important;gap:2px;overflow:visible;isolation:isolate}
body.mayatnik-menu-ready header #paintTools>.gz-group.pt-bot.gz-open>.may-rail-list{display:flex}
body.mayatnik-menu-ready header #paintTools>.gz-group.pt-bot>.may-rail-list :is(.gz-soty,.gz-wide,.gz-sec){display:contents!important}
body.mayatnik-menu-ready header #paintTools .pt-r,body.mayatnik-menu-ready header #paintTools>.gz-group>.may-rail-list{scrollbar-width:none}
body.mayatnik-menu-ready header #paintTools .pt-r::-webkit-scrollbar,body.mayatnik-menu-ready header #paintTools>.gz-group>.may-rail-list::-webkit-scrollbar{display:none}
.may-closed-back{position:absolute!important;left:0;top:0;width:1px;height:1px;z-index:-1;pointer-events:none;overflow:visible}
.may-back-host{isolation:isolate}
/* v0.449: шапка раскрытой группы без своего фона — за ней общая подложка, верхняя скобка в слое подложки */
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard.may-head-in{background:none!important;z-index:1}
body.mayatnik-menu-ready #paintTools.pt-dd .pt-r{width:120px!important;min-width:120px!important;max-width:120px!important;right:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;gap:2px!important;clip-path:none!important;background:none!important;isolation:isolate;overflow:visible;top:26px;max-height:calc(100dvh - 80px)}
body.mayatnik-menu-ready #paintTools.pt-dd .pt-r :is(.pt-col,.pt-sec){display:contents!important;min-height:0!important;padding:0!important;margin:0!important}
body.mayatnik-menu-ready #paintTools.pt-dd .pt-r>.pt-sep{display:none}
body.mayatnik-menu-ready .gz-rail{gap:2px!important}
/* v0.449: колонки списков — подложка к подложке 2 px: острия 6 px, шаг 126 */
body.mayatnik-menu-ready .may-rail-list,body.mayatnik-menu-ready .gz-ladder{gap:2px 6px!important;width:max-content!important;max-width:none!important}
body.mayatnik-menu-ready .gz-wide,body.mayatnik-menu-ready .gz-soty{gap:2px!important;row-gap:2px!important;margin-top:2px}
body.mayatnik-menu-ready .gz-wide+.gz-wide{margin-top:2px}
/* v0.454 (Р02): группа рейки раскрывается только вниз под шапкой одним столбцом; рейка сдвигает остальное и прокручивается, если выше окна */
body.mayatnik-menu-ready #mayatnikRail .gz-group>.may-rail-list{position:relative!important;left:auto!important;top:auto!important;width:var(--gz-w,120px)!important;max-width:none!important;display:none;flex-direction:column;gap:2px!important;padding:2px 0 14px!important;margin:0!important;overflow:visible!important;z-index:auto}
body.mayatnik-menu-ready #mayatnikRail .gz-group.gz-open>.may-rail-list{display:flex!important}
body.mayatnik-menu-ready #mayatnikRail .gz-group.gz-mini.gz-open>.may-rail-list{margin-top:12px!important}
.may-group-backdrop{display:none!important}
:is(body.mayatnik-menu-ready,#paintTools) .gz-ladder.may-standard-list{padding:0!important;margin:0!important;background:#0e1116!important;clip-path:none!important;filter:none!important;isolation:isolate;overflow:visible!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard-pair{padding:0!important;gap:0!important}
.may-standard-pair>.may-standard-outline{display:none}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard-pair>.gz-half{--may-outline:#394657;--may-stroke:1px;position:relative!important;display:flex;align-items:center;justify-content:center;flex:0 0 64px!important;width:64px!important;min-width:64px!important;height:24px;margin:0!important;padding:0 5px!important;background:transparent!important;clip-path:polygon(12px 0,56px 0,64px 24px,12px 24px,0 12px)!important;color:#dfe6f5!important;overflow:hidden;font-size:11px!important;isolation:isolate}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard-pair>.gz-h1{margin-left:-8px!important;clip-path:polygon(0 0,52px 0,64px 12px,52px 24px,8px 24px)!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard-reverse>.gz-h0{clip-path:polygon(12px 0,64px 0,56px 24px,12px 24px,0 12px)!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard-reverse>.gz-h1{clip-path:polygon(8px 0,52px 0,64px 12px,52px 24px,0 24px)!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard-pair>.gz-half::before{display:none!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard-pair>.gz-half:is(:hover,:focus-visible){--may-outline:var(--c);outline:0}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard-pair>.gz-half.gz-on{--may-outline:var(--c);--may-stroke:2px}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard-pair>.gz-half:is(:active,.may-standard-held){--may-outline:var(--c);--may-stroke:3px}
.may-half-outline{position:absolute!important;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.may-half-outline polygon{fill:none;stroke:var(--may-outline);stroke-width:calc(2 * var(--may-stroke))}
/* Colour circles are values, independent of the common surface. */
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard .pt-dot{position:relative;z-index:4}
body.mayatnik-menu-ready #paintTools #lg{background:var(--may-surface)!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard.gz-wl>.gz-h1{font-size:0!important}
.may-colour-swatch{width:14px;height:14px;flex:none;border-radius:50%;background:var(--gz-k);box-shadow:0 0 0 1px #ffffff66;pointer-events:none}
body.mayatnik-menu-ready #mayRhombs{gap:2px;right:8px}
body.mayatnik-menu-ready #mayRhombs .may-standard{justify-content:center;white-space:nowrap;animation:none!important;opacity:1!important}
body.mayatnik-menu-ready #mayCorner{gap:2px}
@media(max-width:600px){body.mayatnik-menu-ready #paintTools.pt-dd .pt-r{left:auto;max-height:60dvh;overflow-y:auto;overflow-x:hidden}body.mayatnik-menu-ready #mayCorner{display:flex;flex-direction:column;align-items:flex-start}}

@media(max-width:600px){body.mayatnik-menu-ready header #paintTools.pt-dd{display:flex!important;flex-wrap:wrap!important;align-items:flex-start;gap:2px!important;overflow:visible!important;height:auto!important}body.mayatnik-menu-ready header #paintTools.pt-dd>.pt-g{flex:none;margin:0!important}body.mayatnik-menu-ready #mayCorner{flex:none;width:120px}}

/* КНП-019 (В06 v16): текст кнопок, ползунков и пультов не выделяется */
:is(.gz-hx,.gz-pair,.gz-half,.gz-head,.gz-control,.may-standard,.may-slide,.may-slide *,.zz-pult,.zz-pult *){-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none}
/* v0.451 (В11): только что выключенная щелчком кнопка / половина под указателем — без рамки наведения, как в покое */
body.may-quiet-hover :is(.may-standard,.may-standard-pair>.gz-half):hover:not(:active):not(.on):not(.gz-on):not([aria-pressed=true]):not(.gz-press):not(.may-standard-held){--may-outline:#394657!important;--may-stroke:1px!important}
/* v0.456: значки цветом группы (маска из картинки значка) */
i.may-tint{filter:none!important;background-color:var(--c,#8fd3ff)!important;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.gz-hx > .gz-ic:not(i){color:var(--c,#8fd3ff)!important}
/* v0.479: заголовки обеих систем выше списка (z 50): родная группа — pt-open, импортированная — gz-open. */
header #paintTools.pt-dd .pt-open > .pt-l.may-head-in,header #paintTools.pt-dd .gz-open > .gz-head.may-head-in{position:relative;z-index:51!important}
/* v0.458: раскрытая группа полосы — поверх соседних групп второго ряда */
header #paintTools.pt-dd > .pt-g.pt-open,header #paintTools.pt-dd > .gz-group.pt-open{z-index:60!important}
/* v0.459, В10 v25: наведение — только боковые углы (по контуру 120×24: верх 96, бок 33,94) */
:is(body.mayatnik-menu-ready,#paintTools) .may-standard:not(.may-standard-mini):hover:not(.on):not(.gz-on):not([aria-pressed=true]):not(:active):not(.gz-press):not(.may-standard-held)>.may-standard-outline polygon{stroke-dasharray:0 96 33.94 96 33.94}
/* v0.460: слой всей полосы выше пульта; дочерний z-index не выходит из контекста flex-элемента. */
body.mayatnik-menu-ready header #paintTools.pt-dd:has(>.pt-open,>.gz-open){z-index:12}
/* v0.461: только один верхний ряд; продолжение доступно горизонтальной прокруткой. */
@media(min-width:601px){
body.mayatnik-menu-ready header #paintTools.pt-grid{height:42px!important;min-height:42px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}
header #paintTools.pt-grid::-webkit-scrollbar{display:none}
body.mayatnik-menu-ready header #paintTools.pt-grid>.pt-g:not(.pt-bot)>.pt-r{position:fixed}
body.mayatnik-menu-ready header #paintTools.pt-grid>.gz-group:not(.pt-bot)>.may-rail-list{position:fixed;display:none;flex-direction:column;width:120px!important;gap:2px;overflow-y:auto;overflow-x:hidden;z-index:50}
body.mayatnik-menu-ready header #paintTools.pt-grid>.gz-group.gz-open:not(.pt-bot)>.may-rail-list{display:flex}
body.mayatnik-menu-ready header #paintTools.pt-grid>#mayBottomBar{background:#000;z-index:55}
header #paintTools.pt-grid>.pt-drag{position:fixed!important;z-index:100!important}
header #paintTools.pt-grid>.gz-group.gz-open{z-index:60!important}
}
@media(min-width:601px) and (max-width:900px){body.mayatnik-menu-ready header #paintTools.pt-grid{flex:1 0 100%;width:100%;max-width:100%;margin:0}}
@media(max-width:600px){body.mayatnik-menu-ready header #paintTools.pt-dd{flex-wrap:nowrap!important;height:28px!important;overflow-x:auto!important;overflow-y:hidden!important}body.mayatnik-menu-ready #mayCorner{flex-direction:row;width:max-content}body.mayatnik-menu-ready #paintTools.pt-dd>#mayCorner{align-self:flex-start}}
/* v0.464: правый щелчок сворачивает команду; у пары остаются две самостоятельные половины ромба. */
:is(body.mayatnik-menu-ready,#paintTools) .may-control-mini.may-control-mini.may-control-mini.may-control-mini,
#paintTools #lg.gz-hx.gz-pair.gz-split.may-control-mini{--gz-w:34px;width:34px!important;min-width:34px!important;max-width:34px!important;flex:0 0 34px!important;height:24px!important;min-height:24px!important;max-height:24px!important;padding:0!important;gap:0!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important;font-size:0!important;justify-content:center}
.may-mini-glyph{display:none}
.may-control-mini>.may-mini-glyph,.may-control-mini :is(.gz-half,.palette-half)>.may-mini-glyph{display:flex!important;position:absolute!important;inset:0;align-items:center;justify-content:center;visibility:visible!important;pointer-events:none;z-index:3;font:11px/1 'Segoe UI',sans-serif!important;color:var(--c,#dfe6f5)}
.may-control-mini>:not(svg):not(i):not(.gz-ic):not(.gz-half):not(.palette-half):not(.may-mini-glyph){visibility:hidden!important}
.may-control-mini>i,.may-control-mini>.gz-ic{visibility:visible!important;position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);margin:0!important;z-index:4}
.may-control-mini.may-mini-has-icon>.may-mini-glyph{display:none!important}
.may-control-mini :is(.gz-half,.palette-half).may-mini-has-icon>.may-mini-glyph{display:none!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-control-mini.may-control-mini.may-control-mini.may-control-pair>:is(.gz-half,.palette-half),
#paintTools #lg.gz-hx.gz-pair.gz-split.may-control-mini>.palette-half{position:relative!important;visibility:visible!important;display:flex!important;flex:0 0 17px!important;width:17px!important;min-width:17px!important;max-width:17px!important;height:24px!important;padding:0!important;margin:0!important;gap:0!important;font-size:0!important;clip-path:polygon(0 0,100% 0,100% 100%)!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-control-mini.may-control-mini.may-control-mini.may-control-pair>:is(.gz-half,.palette-half)~:is(.gz-half,.palette-half),
#paintTools #lg.gz-hx.gz-pair.gz-split.may-control-mini>.palette-half~.palette-half{clip-path:polygon(0 0,100% 0,0 100%)!important}
.may-control-mini.may-control-pair>.may-standard-outline,.may-control-mini :is(.gz-half,.palette-half)>.may-half-outline{display:none!important}
.may-control-mini :is(.gz-half,.palette-half)>:not(i):not(.gz-ic):not(.may-mini-glyph):not(.may-mini-half-outline):not(input){visibility:hidden!important}
.may-mini-half-outline{position:absolute!important;inset:0;width:17px;height:24px;pointer-events:none;z-index:4;overflow:visible}
.may-mini-half-outline polygon{fill:none;stroke:var(--may-outline,#394657);stroke-width:calc(2 * var(--may-stroke,1px))}
.may-control-mini :is(.gz-half,.palette-half):is(:hover,:focus-visible){--may-outline:var(--c,#7cbcff)}
.may-control-mini :is(.gz-half,.palette-half):is(.gz-on,[aria-pressed=true]){--may-outline:var(--c,#7cbcff);--may-stroke:2px}
.may-control-mini :is(.gz-half,.palette-half):is(:active,.may-standard-held){--may-outline:var(--c,#7cbcff);--may-stroke:3px}
.may-control-mini.may-control-mini:hover>.may-standard-outline polygon{stroke-dasharray:none!important}
/* v0.485: библиотека — прозрачная оболочка, каждая запись и две пары действий занимают свои стандартные строки. */
body.mayatnik-menu-ready header #paintTools.pt-dd .pt-lib #templateLibraryChoices{display:flex;flex-direction:column;gap:2px!important;width:120px}
body.mayatnik-menu-ready header #paintTools.pt-dd .pt-lib :is(.template-record,.template-entry-actions){display:contents}
body.mayatnik-menu-ready header #paintTools.pt-dd .pt-lib .pt-r>.gz-control:has(#templateLibraryChoices){position:relative!important;display:block;width:120px!important;min-width:120px;max-width:120px;height:auto!important;min-height:0;margin:0!important;padding:0!important;clip-path:none!important;overflow:visible;background:none!important;flex:none}
body.mayatnik-menu-ready header #paintTools.pt-dd .pt-lib .template-actions-pair .gz-half{gap:2px;justify-content:center;opacity:1;border-radius:0}
body.mayatnik-menu-ready header #paintTools.pt-dd .pt-lib .template-actions-pair .gz-half:disabled{opacity:.3;cursor:default}
body.mayatnik-menu-ready header #paintTools.pt-dd .pt-lib .template-actions-pair .gz-nm{min-width:0;overflow:hidden;text-overflow:ellipsis}

/* The retained source icon remains visible in a compact control. */
.may-control-mini.may-mini-has-icon>:is(i,.gz-ic),
.may-control-mini :is(.gz-half,.palette-half).may-mini-has-icon>:is(i,.gz-ic){display:block!important;visibility:visible!important;position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%)!important;margin:0!important;z-index:4;width:13px!important;height:13px!important;font-size:13px!important;line-height:13px!important}

/* One control, two to four independently selectable sections. */
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-segments{display:flex!important;padding:0!important;gap:0!important}
.may-segments>.gz-pm{display:none!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-segments>.gz-half{--may-outline:#394657;--may-stroke:1px;position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 0!important;width:0!important;min-width:0!important;height:24px;padding:0 2px!important;margin:0!important;overflow:hidden;background:transparent!important;clip-path:none!important;font-size:10px!important;color:#dfe6f5!important}
.may-segments>.gz-half::before,.may-segments>.gz-half::after{display:none!important}
.may-segments>.gz-half>.may-half-outline{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--may-outline);stroke-width:var(--may-stroke);pointer-events:none}
.may-segments>.gz-half>.may-half-outline polygon{vector-effect:non-scaling-stroke}
.may-segments>.gz-half.gz-on{z-index:1;--may-outline:var(--c)!important;--may-stroke:2px!important}
.may-segments>.gz-half:is(:hover,:focus-visible){--may-outline:var(--c)!important}
.may-segments>.gz-half:active{--may-stroke:3px!important}

.may-overlap-shade{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:20;fill:#000;opacity:.42}

/* One diamond, retaining the live About and Help buttons as its two halves. */
#mayCorner #mayInfoDiamond{display:flex;width:48px;height:24px;flex:0 0 48px;gap:0;--c:#80aee8}
#mayCorner #mayInfoDiamond>button.gz-hx{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 24px!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:#dfe6f5;font-size:11px!important;cursor:pointer;box-shadow:none!important}
#mayCorner #mayInfoDiamond>#mayAbout{clip-path:polygon(0 0,100% 0,100% 100%)!important}
#mayCorner #mayInfoDiamond>#mayHelp{clip-path:polygon(0 0,100% 0,0 100%)!important}
#mayInfoDiamond>button::before,#mayInfoDiamond>button::after{display:none!important}
#mayInfoDiamond>button>svg{position:absolute;inset:0;width:24px;height:24px;fill:#1b2430;stroke:#52688c;stroke-width:1px;pointer-events:none}
#mayInfoDiamond>button>span{position:relative;pointer-events:none}
#mayInfoDiamond>#mayAbout>span{transform:translate(4px,-4px)}
#mayInfoDiamond>#mayHelp>span{transform:translate(-4px,-4px)}
#mayInfoDiamond>button:is(:hover,:focus-visible)>svg{stroke:var(--c)}
#mayInfoDiamond>button[aria-pressed=true]>svg{stroke:var(--c);stroke-width:2px}
#mayInfoDiamond>button:active>svg{stroke:var(--c);stroke-width:3px}

/* Stable dropdown captions; the live value remains in its source control. */
.may-named-list>.gz-nm,.may-named-list>.gz-v{display:none!important}
.may-named-list>.may-list-label{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;text-align:left;white-space:nowrap}
:is(body.mayatnik-menu-ready,#paintTools) .gz-ladder.may-standard-list.may-titled-list,.gz-ladder.may-titled-list{box-sizing:border-box!important;padding-top:26px!important}
.may-list-heading{position:absolute;left:0;right:0;top:0;height:24px;line-height:24px;padding:0 10px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font:700 12px/24px 'Trebuchet MS','Segoe UI',sans-serif;color:var(--c,#7cbcff);background:#0e1116;border-bottom:1px solid #394657;z-index:5}
/* Hover illuminates side edges only. Selection and pressing keep their full outline. */
.may-half-side{display:none;fill:none;stroke:var(--c,#7cbcff);stroke-width:2px;vector-effect:non-scaling-stroke}
:is(.may-standard-pair,.may-segments)>.gz-half:is(:hover,:focus-visible):not(.gz-on,.on,[aria-pressed=true],:active,.may-standard-held)>.may-half-outline>polygon{stroke:#394657!important;stroke-width:2px!important}
:is(.may-standard-pair,.may-segments)>.gz-half:is(:hover,:focus-visible):not(.gz-on,.on,[aria-pressed=true],:active,.may-standard-held)>.may-half-outline>.may-half-side{display:block}
/* Left \ Both / Right: shared slanted borders, total width 120px. */
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-segments.may-mirror-three>.gz-half{flex:0 0 44px!important;width:44px!important;min-width:44px!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-segments.may-mirror-three>.gz-half:nth-child(1){clip-path:polygon(12px 0,36px 0,44px 24px,12px 24px,0 12px)!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-segments.may-mirror-three>.gz-half:nth-child(2){flex-basis:48px!important;width:48px!important;min-width:48px!important;margin-left:-8px!important;clip-path:polygon(0 0,48px 0,40px 24px,8px 24px)!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-segments.may-mirror-three>.gz-half:nth-child(3){margin-left:-8px!important;clip-path:polygon(8px 0,32px 0,44px 12px,32px 24px,0 24px)!important}

/* A colour circle is inside the shared button surface, without its own outline. */
.may-standard-pair.gz-wl>.may-standard-outline{display:block}
.may-standard-pair.gz-wl>.gz-half>.may-half-outline{display:none!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard-pair.gz-wl>.gz-half{clip-path:none!important;margin:0!important;padding:0!important;flex:0 0 88px!important;width:88px!important;min-width:88px!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard-pair.gz-wl>.gz-h1{flex-basis:32px!important;width:32px!important;min-width:32px!important}
.may-standard-pair.gz-wl:has(>.gz-half.gz-on){--may-outline:var(--c)!important;--may-stroke:2px!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-center-control{gap:3px!important;padding:0 12px!important}
.may-center-control>.may-center-swatch{flex:0 0 12px;width:12px;height:12px;border-radius:50%;cursor:pointer;box-shadow:none!important}
.may-center-control>.may-center-bit{position:relative;flex:0 0 12px;text-align:center;cursor:pointer;font-size:11px}
.may-center-control>.may-center-bit.gz-on{color:var(--c);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.may-center-control>.may-center-label{flex:1;min-width:0;text-align:center;cursor:pointer;font-size:10px;overflow:hidden}
.may-center-control>span:focus-visible{outline:1px solid var(--c);outline-offset:1px}

:is(.gz-wl,.may-center-control):is(:hover,:focus-visible):not(.gz-on,.on,[aria-pressed=true],:active,.gz-press):not(:has(>.gz-half.gz-on))>.may-standard-outline>polygon{stroke:#394657!important;stroke-width:2px!important}
:is(.gz-wl,.may-center-control):is(:hover,:focus-visible):not(.gz-on,.on,[aria-pressed=true],:active,.gz-press):not(:has(>.gz-half.gz-on))>.may-standard-outline>.may-half-side{display:block}

.may-segments>.may-standard-outline{display:none}


/* v0.509: uppercase group captions use their group outline colour. */
body.mayatnik-menu-ready .may-list-heading{text-transform:uppercase}

@media(min-width:601px){
  body.mayatnik-menu-ready #paintTools>.may-docked{position:fixed!important;left:var(--may-dock-x)!important;top:var(--may-dock-y)!important;bottom:auto!important;transform:none!important;margin:0!important}
  body.mayatnik-menu-ready #paintTools>.may-dock-drag{z-index:2147483643!important;pointer-events:none!important}
}

.may-merged-source{display:none!important}
.may-half-outline .may-half-face{fill:none;stroke:var(--may-outline);stroke-width:calc(2 * var(--may-stroke))}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-independent-pair>.gz-half{flex:0 0 60px!important;width:60px!important;min-width:60px!important;margin:0!important;clip-path:path('M12 0H54L60 12 54 24H12L0 12Z')!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-independent-pair>.gz-half[data-may-part="1"]{clip-path:path('M6 0H48L60 12 48 24H6L0 12Z')!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-choice-two>.gz-half{flex:0 0 64px!important;width:64px!important;min-width:64px!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-choice-two>.gz-half[data-may-part="1"]{margin-left:-8px!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-choice-three>.gz-half{flex:0 0 44px!important;width:44px!important;min-width:44px!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-choice-three>.gz-half[data-may-part="1"]{flex-basis:48px!important;width:48px!important;min-width:48px!important;margin-left:-8px!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-choice-three>.gz-half[data-may-part="2"]{margin-left:-8px!important}
.may-independent-pair>.gz-half:is(:hover,:focus-visible):not(.gz-on,.on,[aria-pressed=true],:active,.may-standard-held)>.may-half-outline>.may-half-face{stroke:#394657!important;stroke-width:2px!important}

/* Each independent portion owns its hover, press and selected outline. */
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-parts-multi{display:flex!important;padding:0!important;gap:0!important}
.may-parts-multi>.may-standard-outline,.may-parts-multi>.gz-pm{display:none!important}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-parts-multi>.gz-half{--may-outline:#394657;--may-stroke:1px;position:relative!important;display:flex;align-items:center;justify-content:center;flex:0 0 calc(120px / var(--may-parts))!important;width:calc(120px / var(--may-parts))!important;min-width:0!important;height:24px;margin:0!important;padding:0 2px!important;overflow:hidden;background:transparent!important;color:#dfe6f5!important;isolation:isolate}
.may-parts-multi>.gz-half::before,.may-parts-multi>.gz-half::after{display:none!important}
.may-parts-multi>.gz-half:is(:hover,:focus-visible){--may-outline:var(--c)!important}
.may-parts-multi>.gz-half.gz-on{--may-outline:var(--c)!important;--may-stroke:2px!important}
:is(.may-parts-multi,.may-segments)>.gz-half:is(:active,.may-standard-held){--may-outline:var(--c)!important;--may-stroke:3px!important}
.may-parts-multi>.gz-half:is(:hover,:focus-visible):not(.gz-on,.on,[aria-pressed=true],:active,.may-standard-held)>.may-half-outline>.may-half-face{stroke:#394657!important;stroke-width:2px!important}
.may-parts-multi>.gz-half:is(:hover,:focus-visible):not(.gz-on,.on,[aria-pressed=true],:active,.may-standard-held)>.may-half-outline>.may-half-side{display:block}

/* v0.512: group headers have no disclosure arrow; keep its source node for grozd state. */
body.mayatnik-menu-ready .gz-group>.gz-head>.gz-ar{display:none!important}
/* A bottom slot anchors the header. The popup must not enlarge/reverse the fixed group. */
@media(min-width:601px){
  body.mayatnik-menu-ready header #paintTools.pt-grid>.gz-group.may-docked.pt-bot{display:block!important;height:24px!important}
  body.mayatnik-menu-ready header #paintTools.pt-grid>.gz-group.may-docked.pt-bot>.may-rail-list{position:absolute!important;left:0!important;top:auto!important;bottom:calc(100% + 2px)!important}
}

/* v0.514: icon options; list title above, option caption in the owner. */
:is(body.mayatnik-menu-ready,#paintTools) .gz-ladder.may-standard-list.may-diamond-options{display:grid!important;grid-auto-flow:row;justify-content:center;align-content:start;gap:0!important;padding:26px 0 14px!important;box-sizing:border-box!important;background:transparent!important;isolation:isolate}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard.may-option-diamond{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important;justify-content:center;gap:0!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important}
.may-option-diamond>.gz-nm,.may-option-diamond>.gz-v{display:none!important}
.may-option-diamond>.gz-ic{display:block!important;flex:0 0 18px;width:18px!important;height:18px!important;margin:0!important}
.may-option-diamond.may-option-fallback>.gz-ic{display:none!important}
.may-option-symbol{display:block;font-size:16px;font-weight:600;line-height:1;pointer-events:none}
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-option-diamond>.may-standard-outline polygon{stroke-dasharray:none!important;stroke-dashoffset:0!important}
.may-option-diamond>.may-view-swatch{position:absolute;left:5px;top:20px;width:8px;height:8px;min-width:0;z-index:4}
.may-option-diamond>.may-view-swatch:last-of-type{left:auto;right:5px}
.may-diamond-options>.may-list-heading{background:transparent;border-bottom:0}
.mayatnik-menu-ready .gz-hx.gz-lst.may-list-left>.may-list-inner-arrow{left:4px;right:auto;transform:scaleX(-1)}

/* v0.518: side groups expand in their column; headers below move by grid steps. */
@media(min-width:601px){
 body.mayatnik-menu-ready header #paintTools.pt-grid>.may-docked.may-dock-side,
 body.mayatnik-menu-ready .may-menu-side-stack.may-docked.may-dock-side{display:block!important;width:120px!important;height:auto!important;clip-path:inset(var(--may-side-clip-top,0px) -8px var(--may-side-clip-bottom,0px) -8px)}
 body.mayatnik-menu-ready header #paintTools.pt-grid>.may-dock-side>:is(.pt-r,.may-rail-list),
 body.mayatnik-menu-ready .may-menu-side-stack.may-dock-side>:is(.pt-r,.may-rail-list){position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;width:120px!important;min-width:120px!important;max-height:none!important;overflow:visible!important;padding-bottom:14px!important;box-sizing:content-box!important}
}
.may-menu-side-scroll{position:fixed;display:none;width:14px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;background:transparent;z-index:2147483640;outline:none}
.may-menu-side-scroll::-webkit-scrollbar{display:none;width:0;height:0}
.may-menu-side-scroll>div{width:1px;pointer-events:none}
.may-menu-side-scroll:focus-visible{outline:1px solid #7cbcff}
/* Lists keep native scrolling, including at their ends, inside the menu. */
body.mayatnik-menu-ready :is(.pt-r,.may-rail-list,.gz-ladder,.may-hp-pop){overscroll-behavior:contain}
body.may-zen>.may-menu-side-scroll{display:none!important}

@media(min-width:601px){body.mayatnik-menu-ready header #paintTools.pt-grid>.may-docked.may-dock-side.may-dock-drag,body.mayatnik-menu-ready .may-menu-side-stack.may-docked.may-dock-side.may-dock-drag{clip-path:none}}

/* Frame/row count already sits below the transport thumb. */
#mayFieldCaption{display:none!important}
/* v0.558: user's sketch — logo/title above, version at the right below. */
body.mayatnik-menu-ready>header>.may-brand{display:flex;flex-direction:column;align-items:stretch;gap:0;width:120px;min-width:120px;max-width:120px;height:39px;flex:0 0 120px;align-self:flex-start;order:-1}
.may-brand #zerkHubBtn{width:22px;height:22px;margin:0 3px 0 0;flex:0 0 22px}
.may-brand #appTitle{display:flex;align-items:center;width:100%;font-size:15px;line-height:26px;letter-spacing:0;white-space:nowrap;flex:0 0 26px;min-width:0;margin:0}
.may-brand>.ver{align-self:flex-end;font-size:10px;line-height:13px;white-space:nowrap;flex:0 0 13px;margin:0}

/* Compact group headers: flat top, downward tip; controls keep their diamond form. */
:is(body.mayatnik-menu-ready,#paintTools) .may-standard.may-standard.may-standard.may-header-triangle{--gz-w:48px;width:48px!important;min-width:48px!important;max-width:48px!important;flex:0 0 48px!important;clip-path:polygon(0 0,100% 0,50% 100%)!important;justify-content:center;padding:0!important;gap:0!important}
.may-header-triangle.zgh-head>.zgh-icon{position:absolute!important;left:0!important;right:0!important;top:3px!important;height:12px!important;display:block!important;text-align:center;font:11px/12px 'Segoe UI',sans-serif!important;color:var(--c,#7cbcff)!important}
.may-header-triangle>.may-standard-outline{display:block!important}
.may-header-triangle.may-standard-open>.may-standard-outline{display:none!important}

.may-header-triangle.zgh-head>.zgh-icon.may-header-abbrev{top:2px!important;height:11px!important;font-size:10px!important;line-height:11px!important}