.vms{--vms-accent:#0ea5e9;font-family:'Inter',-apple-system,Segoe UI,Roboto,Arial,sans-serif;position:fixed;z-index:99975;display:flex;flex-direction:column;align-items:center;gap:12px}
.vms--br{right:22px;bottom:22px}.vms--bl{left:22px;bottom:22px}
.vms--tr{right:22px;top:22px;flex-direction:column-reverse}.vms--tl{left:22px;top:22px;flex-direction:column-reverse}
.vms--bl .vms-ch,.vms--tl .vms-ch{flex-direction:row-reverse}
.vms-list{display:flex;flex-direction:column;gap:10px}
.vms-list[hidden]{display:none}
.vms--br .vms-list,.vms--tr .vms-list{align-items:flex-end}
.vms--bl .vms-list,.vms--tl .vms-list{align-items:flex-start}
.vms-ch{display:inline-flex;align-items:center;gap:10px;background:var(--vms-ch);color:#fff;text-decoration:none;
border-radius:999px;padding:9px 16px 9px 12px;font-size:14px;font-weight:600;box-shadow:0 6px 16px rgba(0,0,0,.18);
transition:transform .14s,filter .14s;animation:vms-in .2s ease}
@keyframes vms-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.vms-ch:hover{transform:translateY(-2px);filter:brightness(1.06)}
.vms-ch svg{flex:0 0 auto}
.vms-ch-l{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vms-fab{width:60px;height:60px;border:none;border-radius:50%;cursor:pointer;background:var(--vms-accent);
display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.24);transition:transform .15s,filter .15s}
.vms-fab:hover{transform:scale(1.06);filter:brightness(1.05)}
.vms--open:not(.vms--inline) .vms-fab{background:#64748b}
.vms-ic-open{display:inline-flex;align-items:center;justify-content:center}

/* Размер главной кнопки */
.vms--s-small .vms-fab{width:50px;height:50px}
.vms--s-small .vms-fab svg{width:22px;height:22px}
.vms--s-large .vms-fab{width:70px;height:70px}
.vms--s-large .vms-fab svg{width:30px;height:30px}

/* Без подписей — круглые иконки каналов */
.vms--nolabels .vms-ch{padding:11px;border-radius:50%}

/* Inline-режим (витрина демо): не fixed, список раскрыт рядом */
.vms--inline{position:static!important;flex-direction:column;align-items:flex-start;gap:14px}

@media(max-width:520px){.vms--inline .vms-ch{padding:11px;border-radius:50%}}
@media(max-width:520px){.vms-ch-l{display:none}.vms-ch{padding:11px;border-radius:50%}}

@media(prefers-reduced-motion:reduce){
.vms-ch{animation:none;transition:none}.vms-ch:hover{transform:none}
.vms-fab{transition:none}.vms-fab:hover{transform:none}}