/* Интерактивный стандарт v1.047. Адаптер только витрины. */
:root{color-scheme:dark;--page:#080c12;--ink:#e3eaf5;--mut:#9baec4;--c:#ffad68;--button-bg:#142033;--gz-w:120px;--gz-h:24px;--gz-n:12px;--gz-txt:#e3eaf5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:16px}body{margin:0;background:var(--page);color:var(--ink);font:14px/1.6 "Segoe UI",sans-serif}main{max-width:1160px;padding:32px 24px;margin:auto}header{padding:12px 0 32px}h1{font-size:clamp(28px,5vw,48px);line-height:1.15;margin:12px 0}h2{font-size:24px;line-height:1.3;margin:6px 0 16px}h3{font-size:15px;margin:0 0 7px}p{color:var(--mut);max-width:850px}a{color:#8bd1ff}nav{display:flex;gap:20px;flex-wrap:wrap}section{border-top:1px solid #263749;padding:32px 0;scroll-margin-top:12px}.eyebrow{font:11px/1.5 monospace;letter-spacing:2px;color:#80b8d9}.toolbar,.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar{margin:18px 0}.stack,.column{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.bench{display:flex;flex-wrap:wrap;gap:32px;padding:24px 6px;align-items:flex-start}.bench>div{min-width:0}output{display:block;color:#a6dfc5;font:12px/1.7 monospace;white-space:pre-wrap}code,pre{font:12px/1.8 monospace;color:#bed6ef;overflow-wrap:anywhere}pre{white-space:pre-wrap}label{display:block;color:#b8cadc;font-size:12px}input:not([type=range]),select{max-width:100%;width:360px;padding:9px 12px;background:#111e2c;border:1px solid #40546a;color:var(--ink);font:14px "Segoe UI",sans-serif;margin:8px 0 14px}input[type=color]{width:60px;height:28px;padding:0}input[type=range]{accent-color:#8bd1ff;max-width:100%}details{margin:14px 0}summary{cursor:pointer;color:#b9d4ed}footer{color:var(--mut);font-size:12px;padding:25px 0}
/* Scoped adapter of shared grozd; no product styles are changed. */
.demo,.pair{--stroke:1px;--outline:#485468;position:relative;display:flex;align-items:center;justify-content:center;width:120px!important;min-width:120px!important;max-width:120px!important;height:24px!important;min-height:24px!important;max-height:24px!important;border:0!important;border-radius:0!important;margin:0;padding:0 12px;gap:5px;background:var(--outline)!important;color:var(--ink)!important;clip-path:polygon(12px 0,108px 0,120px 12px,108px 24px,12px 24px,0 12px);isolation:isolate;font-size:12px;line-height:1;cursor:pointer;filter:none!important;box-shadow:none!important;text-shadow:none!important;touch-action:manipulation}.demo::before{content:"";position:absolute!important;inset:var(--stroke)!important;background:var(--button-bg)!important;clip-path:polygon(calc(12px - var(--stroke)) 0,calc(100% - 12px + var(--stroke)) 0,100% 50%,calc(100% - 12px + var(--stroke)) 100%,calc(12px - var(--stroke)) 100%,0 50%);z-index:-1!important;pointer-events:none}.demo::after,.pair::before,.pair::after{display:none!important}.demo:hover,.demo:focus-visible{--outline:var(--c);--stroke:1px;outline:0}.demo[aria-pressed=true],.demo[aria-expanded=true]{--outline:var(--c);--stroke:2px}.demo:active,.demo.down{--outline:var(--c);--stroke:3px}.demo:disabled{cursor:default;opacity:.35}.demo *{color:inherit!important;text-shadow:none!important;filter:none!important}.demo .gz-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.gz-ic{width:15px;height:15px;flex:none;pointer-events:none}.gz-ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6}
.pair{padding:0;gap:0;background:transparent!important;overflow:visible}.pair>.gz-half{position:relative!important;display:flex!important;align-items:center;justify-content:center;gap:4px;width:60px!important;min-width:60px!important;height:24px!important;margin:0!important;padding:0 6px!important;background:var(--outline)!important;color:var(--ink)!important;font:12px/1 "Segoe UI",sans-serif!important;box-shadow:none!important;text-shadow:none!important;border:0!important;clip-path:polygon(12px 0,60px 0,60px 24px,12px 24px,0 12px)!important;isolation:isolate;cursor:pointer}.pair>.gz-half+ .gz-half{clip-path:polygon(0 0,48px 0,60px 12px,48px 24px,0 24px)!important}.pair>.gz-half::before{content:"";position:absolute;inset:var(--stroke);background:var(--button-bg)!important;z-index:-1;clip-path:inherit}.pair>.gz-half::after{display:none!important}.gz-half:hover,.gz-half:focus-visible{--outline:var(--c);--stroke:1px;outline:none}.pair>.gz-half[aria-pressed=true]{--outline:var(--c);--stroke:2px}.pair>.gz-half:active,.pair>.gz-half.down{--outline:var(--c);--stroke:3px}.swatch{width:12px;height:12px;border-radius:50%;border:1px solid #bbc9d9}.backed{position:relative;width:120px;isolation:isolate}.group-backdrop{position:absolute;left:-1px;top:-1px;z-index:-1;pointer-events:none;overflow:visible}.backed>.demo,.backed>.slider{flex:none}.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:10px;margin-top:20px}.rule{border-left:2px solid #344d64;padding:10px 14px;background:#0e1621;scroll-margin-top:15px}.rule:target{border-color:#ffad68;background:#182337}.rule p{font-size:12px;margin:5px 0}.rule summary{font-size:12px}.rule .check{color:#c1d8eb}.rule .id{font:12px monospace;color:#ffba83}.viewport{overflow:auto;max-width:100%;padding:6px 4px;min-height:350px}#layout-stage{position:relative;width:650px;min-height:340px;background:radial-gradient(ellipse at 30% 30%,#122031,#080c12 65%)}.group{position:absolute;width:120px;--c:#8ecfff}.group .head{touch-action:none;cursor:grab}.group .group-body{margin-top:2px;display:flex;gap:6px;align-items:flex-start}.group.side .group-body{position:absolute;left:126px;top:0;margin:0}.group [hidden],[hidden]{display:none!important}.options{position:absolute;left:126px;top:56px;z-index:10}.options.leftward{left:-126px}.dimmed{opacity:.25}.group:has(.options:not([hidden])){z-index:5}.group-title{font:11px monospace;color:#708aa6;margin-top:4px}#palette-preview{display:grid;grid-template-columns:repeat(6,22px);gap:3px}#palette-preview i{height:22px}#caption-examples{margin:20px 0}#caption-examples>div{display:flex;flex-direction:column;gap:5px}#caption-examples small{color:var(--mut);font-size:11px}#rule-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:15px}#rule-map a{font-size:12px;background:#111b28;padding:8px;text-decoration:none}#rule-map a:hover{background:#1c3045}#help-tip{position:fixed;z-index:200;background:var(--button-bg);color:var(--ink);padding:8px 12px;max-width:260px;font-size:12px;pointer-events:none;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%)}
.slider{position:relative;display:flex;align-items:center;width:120px;height:24px;gap:0;background:var(--button-bg);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}.slider.frame{width:168px;clip-path:none;background:none;margin:8px 0 18px}.slider .step{position:relative;width:24px;min-width:24px;height:24px;padding:0;background:var(--button-bg);border:0;color:var(--ink);cursor:pointer;font:16px monospace}.step:hover,.step:focus-visible{outline:1px solid var(--c);outline-offset:-2px}.step:active,.step.down{outline:3px solid var(--c);outline-offset:-3px}.track{position:relative;flex:1;height:24px;min-width:0;background:var(--button-bg)}.track::before{content:"";position:absolute;left:0;right:0;top:12px;border-top:1px dashed var(--c)}.track input{position:absolute;inset:0;width:100%;height:24px;opacity:0;margin:0;cursor:ew-resize;z-index:3}.track:focus-within{outline:1px solid var(--c)}.diamond{position:absolute;top:1px;width:16px;height:22px;transform:translateX(-50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--c);pointer-events:none}.range-value{position:absolute;inset:0;text-align:center;font:11px/24px monospace;pointer-events:none;color:white}.frame .range-value{top:23px;bottom:auto;transform:translateX(-50%);width:max-content;font:11px/12px monospace}.frame .track{width:120px;flex:none}#transport-bottom{gap:4px;padding-left:24px}#transport-stack{gap:8px}#shared-pult{width:288px;max-width:100%;height:48px}.field-bench{display:flex;align-items:flex-start;gap:24px;min-height:290px;padding:20px 0}#field-picture{width:260px;height:260px;flex:none;display:flex;align-items:center;justify-content:center}#field-picture svg{overflow:visible}.dimension-line{stroke:#65c3ed;stroke-width:1}.dimension-line.highlight{stroke:#ffb46d;stroke-width:3}.field-label{fill:#d7edff;font:10px monospace;cursor:pointer}.field-label:focus{outline:none;fill:#ffb46d}.axis-tail{stroke:#8ca8bd;stroke-dasharray:2 2;stroke-width:1}#line-inventory{display:flex;flex-wrap:wrap;gap:6px}#line-inventory span{font:12px monospace;background:#142033;padding:4px 8px;cursor:pointer}#line-inventory span:focus{outline:1px solid var(--c)}
@media(max-width:650px){main{padding:18px 14px}header{padding-top:5px}section{padding:24px 0}.bench{gap:22px}.field-bench{gap:8px;flex-wrap:wrap}.rules{grid-template-columns:1fr}h2{font-size:21px}.toolbar{gap:10px 6px}.viewport{border-bottom:1px dashed #344d64}.rule p{line-height:1.7}}

/* В07: поверхность одна, состояние меняет только внутреннюю обводку. */
:root{--surface:#1b2430;--button-bg:var(--surface)}   /* v1.047, В07 v23: ровный фон */
.demo::before{background:var(--surface)!important;background-size:120px 24px!important;background-position:center!important}
.pair.gz-hx.gz-pair.gz-split{background:var(--surface)!important;overflow:hidden}
.pair>.gz-half{width:64px!important;min-width:64px!important;max-width:64px!important;flex:none!important;clip-path:polygon(12px 0,56px 0,64px 24px,12px 24px,0 12px)!important;background:transparent!important;--outline:#485468;--stroke:1px;overflow:hidden}
.pair>.gz-half+.gz-half{margin-left:-8px!important;clip-path:polygon(0 0,52px 0,64px 12px,52px 24px,8px 24px)!important}
.pair.reverse-seam>.gz-half:first-child{clip-path:polygon(12px 0,64px 0,56px 24px,12px 24px,0 12px)!important}
.pair.reverse-seam>.gz-half+.gz-half{clip-path:polygon(8px 0,52px 0,64px 12px,52px 24px,0 24px)!important}
.pair>.gz-half::before{display:none!important}.half-shape{position:absolute!important;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.half-shape polygon{fill:transparent;stroke:var(--outline);stroke-width:calc(2 * var(--stroke));stroke-linejoin:miter}
.pair>.gz-half:hover,.pair>.gz-half:focus-visible{--outline:var(--c);--stroke:1px}.pair>.gz-half[aria-pressed=true]{--outline:var(--c);--stroke:2px}.pair>.gz-half:active,.pair>.gz-half.down{--outline:var(--c);--stroke:3px}.pair>.gz-half *{text-shadow:none!important;color:inherit!important;filter:none!important}
.native-color{position:fixed;left:-100px;top:0;width:1px!important;height:1px!important;opacity:0;pointer-events:none}
.group.right-side .group-body{left:auto;right:126px}.options{top:26px}
.has-options{padding-right:27px!important}.inset-chevron{position:absolute;right:8px;top:4px;width:8px;height:16px;pointer-events:none;background:currentColor;clip-path:polygon(0 0,3px 0,8px 50%,3px 100%,0 100%,5px 50%)}
.slider,.slider .step,.slider .track{background:transparent!important}.slider{background:var(--surface)!important}.slider.frame{background:var(--surface)!important}.slider .step{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
#help-tip{background:var(--surface)}
#layout-stage{min-height:420px}.viewport{max-height:690px;overscroll-behavior:contain}
#field-info{min-width:145px}.group .head.dimmed{opacity:.25}.demo:focus-visible,.pair>.gz-half:focus-visible{outline:none}
@media(max-width:650px){#shared-pult{width:288px;max-width:calc(100vw - 40px)}main{overflow:hidden}.viewport{overflow:auto}#transport-bottom{flex-wrap:wrap}}

#shared-pult{position:relative}

.group{isolation:isolate}.whole-backdrop{position:absolute;left:0;top:0;width:120px;height:24px;overflow:visible;pointer-events:none;z-index:-1}

.slider.frame{background:none!important;isolation:isolate}.slider.frame::before{content:"";position:absolute;inset:0;background:var(--surface);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);z-index:-1;pointer-events:none}

#shared-pult button{--pult-stroke:1px;--pult-outline:#485468;text-shadow:none!important;filter:none!important}#shared-pult button:is(:hover,:focus-visible){--pult-outline:var(--c);outline:none}#shared-pult button:is(.on,[aria-pressed=true]){--pult-stroke:2px;--pult-outline:var(--c)}#shared-pult button:active{--pult-stroke:3px;--pult-outline:var(--c)}.pult-outline polygon{fill:none;stroke:var(--pult-outline);stroke-width:calc(2 * var(--pult-stroke));stroke-linejoin:miter}

@media(max-width:650px){.field-bench{flex-wrap:nowrap;overflow:auto;max-width:100%;padding-top:30px;padding-bottom:30px}.field-bench #field-info{flex:none}}

/* Р12: компактность меняет только заголовок; тело и закрепление независимы. */
.group .head.mini-head{width:34px!important;min-width:34px!important;max-width:34px!important;padding:0!important;gap:0;justify-content:center;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.group .head.mini-head::before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background-size:34px 24px!important}
.group .head.mini-head>.gz-nm{display:none}.group .head.mini-head>.gz-ic{margin:0!important}

/* Р13: released expanded headers retain only an open upper 2px outline. */
.demo.list-owner:not(:active):not(.down){--outline:transparent;--stroke:1px}
.list-top{position:absolute;inset:0;width:100%;height:24px;z-index:3;pointer-events:none;overflow:visible}
.list-top path,.list-cap path{fill:none;stroke:var(--c);stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;filter:none}
.demo.list-owner:is(:active,.down)>.list-top{visibility:hidden}
.list-cap{position:absolute;width:120px;height:14px;overflow:visible;pointer-events:none;z-index:3}

/* Р09: pin sits inside the header footprint; native button remains independent. */
.group .head:not(.mini-head){padding-right:30px!important}
.group>.header-pin{position:absolute;left:91px;top:4px;z-index:5;width:16px;height:16px;padding:0;border:0;background:transparent;color:var(--ink);opacity:.45;cursor:pointer;display:flex;align-items:center;justify-content:center;filter:none;transition:none}
.group>.header-pin:is(:hover,:focus-visible),.group>.header-pin[aria-pressed=true]{opacity:1}
.group>.header-pin[aria-pressed=true]{color:var(--c)}
.group>.header-pin:focus-visible{outline:1px solid var(--c);outline-offset:0}
.group>.header-pin.dimmed{opacity:.25}

/* В05: only vertical button/list columns use the selected-outline gap. */
.column{gap:2px}

/* КНП-015 (проект): подложка раскрытого списка */
.list-backing{position:absolute;left:0;top:0;z-index:0;overflow:visible;pointer-events:none}.listed>.group-backdrop{display:none}
/* КНП-015 v1.047: открытый заголовок группы — без своего фона и рамки, виден градиент подложки */
.group .head.list-owner:not(.mini-head):not(:active):not(.down)::before{background:transparent!important}
/* КНП-016 v1.047: ползунок — курсор рукой; ромб-бегунок при наведении делится пополам, половины расходятся на 2px; пунктир прежний */
.track input{cursor:pointer!important}
.diamond{clip-path:none!important;background:repeating-linear-gradient(to bottom,#fff 0 2px,transparent 2px 4px) center/1px 100% no-repeat!important}
.diamond::before,.diamond::after{content:"";position:absolute;top:3px;width:50%;height:calc(100% - 6px);background:var(--c);transition:transform .08s}
.diamond::before{left:0;clip-path:polygon(100% 0,100% 100%,0 50%)}
.diamond::after{right:0;clip-path:polygon(0 0,100% 50%,0 100%)}
.track:hover .diamond::before{transform:translateX(-3px)}
.track:hover .diamond::after{transform:translateX(3px)}
/* КНП-016 v1.047: белый пунктир по оси бегунка виден в зазоре половин; края ползунка — треугольные острия самой формы; v1.047: половины бегунка по 2px от пунктира (всего 5px), края — закрашенные шевроны по форме острия, без значков и вертикальных черт */
.slider .step{font-size:0!important;color:transparent!important;outline:none!important;clip-path:none!important}
.slider .step::before{content:"";position:absolute;inset:0;background:var(--c);opacity:.55;pointer-events:none}
.slider>.step:first-of-type::before{clip-path:polygon(20px 0,12px 0,0 50%,12px 100%,20px 100%,8px 50%)}
.slider>.step:last-of-type::before{clip-path:polygon(4px 0,12px 0,24px 50%,12px 100%,4px 100%,16px 50%)}
.slider .step:is(:hover,:focus-visible)::before{opacity:.8}
.slider .step:is(:active,.down)::before{opacity:1}
/* КНП-016 v1.047: белый пунктир бегунка выходит на 3px выше и ниже ромба; форма ползунка рисуется слоем, чтобы его не обрезать */
.diamond{top:-2px!important;height:28px!important}
.slider:not(.frame){clip-path:none!important;background:none!important;isolation:isolate}
.slider:not(.frame)::before{content:"";position:absolute;inset:0;background:var(--surface);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);z-index:-1;pointer-events:none}
/* КНП-018 v1.047: только что выключенная кнопка под указателем — без рамки наведения, как в покое */
body.quiet-hover :is(.demo,.pair>.gz-half,.gz-half):hover:not([aria-pressed=true]):not(:active):not(.down){--outline:#485468;--stroke:1px}
body.quiet-hover .demo.list-owner:hover:not(:active):not(.down){--outline:transparent}
/* КНП-016 v1.047: шевроны на 2px толще; зона захвата бегунка и её рамка фокуса — шестиугольник до внутреннего края шевронов */
.track input{left:-16px!important;right:-16px!important;width:auto!important;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}
.track:focus-within{outline:none!important}
.track:focus-within::after{content:"";position:absolute;top:0;bottom:0;left:-16px;right:-16px;background:var(--c);pointer-events:none;z-index:4;clip-path:polygon(evenodd,12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%,12px 0,12.4px 1px,1.2px 50%,12.4px calc(100% - 1px),calc(100% - 12.4px) calc(100% - 1px),calc(100% - 1.2px) 50%,calc(100% - 12.4px) 1px,12.4px 1px)}
/* КНП-016 v1.047: ромб ▶ пульта — как бегунок: белый пунктир по оси (на 3px выше и ниже), при наведении на пульт половины расходятся на 3px. Только витрина; общий _js/zz-pult.* не менялся */
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #shared-pult.zz-pult::after{content:""!important;display:block!important;position:absolute!important;left:var(--zz-tx,50%)!important;top:-1px!important;bottom:-1px!important;width:1px!important;transform:translateX(-50%)!important;background:repeating-linear-gradient(to bottom,#fff 0 2px,transparent 2px 4px)!important;z-index:4!important;pointer-events:none!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #shared-pult.zz-pult:hover .zz-pult-play{width:54px!important;clip-path:polygon(24px 0,0 50%,24px 100%,24px 0,30px 0,100% 50%,30px 100%,30px 0)!important}
/* КНП-016 v1.047: бегунок не прыгает при нажатии — скрытый ползунок шире дорожки на 16px с каждой стороны, поэтому его системный бегунок 32px: значение под указателем совпадает с видимым ромбом */
.track input{-webkit-appearance:none!important;appearance:none!important;background:transparent}
.track input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:24px;border:0}
.track input::-moz-range-thumb{width:32px;height:24px;border:0}
/* КНП-016 v1.047: тающий контур шеврона наружу при нажатии */
.slider .step{overflow:visible}
.slider .step::after{content:"";position:absolute;top:0;width:30px;height:100%;background:var(--c);opacity:0;pointer-events:none}
.slider>.step:first-of-type::after{left:-6px;clip-path:polygon(15px 0,16.5px 0,4.5px 50%,16.5px 100%,15px 100%,3px 50%);--echo-dx:-6px}
.slider>.step:last-of-type::after{right:-6px;clip-path:polygon(15px 0,13.5px 0,25.5px 50%,13.5px 100%,15px 100%,27px 50%);--echo-dx:6px}
.slider .step.echo::after{animation:stepEcho .6s ease-out forwards}
@keyframes stepEcho{from{opacity:.9;transform:translateX(0)}to{opacity:0;transform:translateX(var(--echo-dx))}}
/* КНП-016 v1.047: стрелки пульта — шевроны с выемкой; ромб на краях заходит в выемку с зазором 2px; курсор рукой; только витрина */
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #shared-pult.zz-pult .zz-pult-play{left:var(--sv-tx,var(--zz-tx,50%))!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #shared-pult.zz-pult::after{left:var(--sv-tx,var(--zz-tx,50%))!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #shared-pult.zz-pult .zz-pult-back{clip-path:polygon(0 50%,28.8px 7.2px,18px 50%,28.8px 28.8px)!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #shared-pult.zz-pult .zz-pult-fwd{clip-path:polygon(100% 50%,19.2px 7.2px,30px 50%,19.2px 28.8px)!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #shared-pult.zz-pult :is(.zz-pult-back,.zz-pult-fwd) .pult-caption{font-size:0!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #shared-pult.zz-pult .zz-pult-range{cursor:pointer!important}
/* КНП-016 v1.047: рука везде на ползунке и пульте — под раскрытым бегунком курсор не сменяется стрелкой */
.slider,.slider *{cursor:pointer!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #shared-pult.zz-pult,:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #shared-pult.zz-pult *{cursor:pointer!important}

/* КНП-019 (В06 v16): текст кнопок, ползунков и пультов не выделяется */
.demo,.pair,.gz-half,.slider,.slider *,.group .head,.options,.zz-pult,.zz-pult *,#rule-map a{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none}
/* КНП-016 v1.047: в раскрытом бегунке — число между половинами; внутренние грани половин срезаны углом (выемка 4px), пунктир прерывается под числом, число в середине дорожки на это время скрыто */
.thumb-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 9px/1 monospace;color:#fff;opacity:0;pointer-events:none;z-index:1;white-space:nowrap}
.track:hover .thumb-value{opacity:1}
.track:hover .diamond::before{clip-path:polygon(100% 0,calc(100% - 4px) 50%,100% 100%,0 50%)}
.track:hover .diamond::after{clip-path:polygon(0 0,4px 50%,0 100%,100% 50%)}
.track:hover .diamond{background:repeating-linear-gradient(to bottom,#fff 0 2px,transparent 2px 4px) center top/1px calc(50% - 7px) no-repeat,repeating-linear-gradient(to top,#fff 0 2px,transparent 2px 4px) center bottom/1px calc(50% - 7px) no-repeat!important}
.track:hover .range-value{opacity:0}
/* КНП-016 v1.047: в раскрытом бегунке число только между половинами (нижнее у кадра тоже скрыто), горизонтальный пунктир дорожки под бегунком прерывается */
.track:hover::before{-webkit-mask:linear-gradient(to right,#000 calc(var(--tx,0px) - 11px),transparent 0 calc(var(--tx,0px) + 11px),#000 0);mask:linear-gradient(to right,#000 calc(var(--tx,0px) - 11px),transparent 0 calc(var(--tx,0px) + 11px),#000 0)}
/* КНП-016 v1.047: пульт — пунктир ромба выходит на 1px; у серого «стекла» ползунка нет обводки, только заливка */
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #shared-pult.zz-pult .zz-pult-shape .glass{stroke:none!important}
/* Р13 v20 (витрина v1.047): заголовок группы, раскрытой вбок, не прозрачный — обычный фон и рамка */
/* Р02 v22 (витрина v1.047): в боковой рейке столбец группы — под заголовком, не сбоку */
.group.side .group-body,.group.right-side .group-body{position:static!important;left:auto!important;right:auto!important;margin-top:2px!important}
/* v1.047: бегунок 17px — белая ось 1px ровно между половинами по 8px (как Хаб v0.431) */
.diamond{width:17px!important}
.diamond::before,.diamond::after{width:8px!important}
/* v1.047, В10 v25: наведение — только боковые углы */
.demo:hover:not([aria-pressed=true]):not(:active):not(.down):not(.mini-head){background:linear-gradient(90deg,var(--c) 0 12px,#485468 12px calc(100% - 12px),var(--c) calc(100% - 12px))!important}