/* liquid-studio.js: applies only while the WebGL layer runs (html.fs-studio). The canvas
   replaces the page background, so body paints nothing over it (html keeps the colour). */
/* A band of the page (about two screens) that scrolls with the content, so the glass never
   trails the text; size and position are set by the script. z-index -1, appended last to
   body: above decorative page layers, below all content. */
.fs-studio-canvas{position:absolute;left:0;top:0;z-index:-1;pointer-events:none}
html.fs-studio body{background:transparent}
html.fs-studio body::before{display:none}
/* Декоративные слои фона страниц (пятна, зерно) лежат под непрозрачным холстом: их не видно,
   а пятна с blur(70px) ещё и анимировались — убираем их целиком, пока работает WebGL. */
html.fs-studio .sky,html.fs-studio .grain{display:none}
/* Panels the shader draws lose their CSS paint; the rest keep it. */
html.fs-studio .fs-studio-glass{background:none!important;border-color:transparent!important;
  box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* The switch highlight becomes a clear lens, so the active label stays light. */
html.fs-studio .fs-studio-lens{background:none!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.fs-studio .seg:has(.fs-studio-lens) button.on{color:var(--text,#f4f5f8)}
@media (prefers-reduced-transparency:reduce){.fs-studio-canvas{display:none}}