/* FL Konstellation — Chrome-Fragmente auf allen oeffentlichen FL-Pro-Seiten
   (ausser Startseite, die hat ihr eigenes Gehirn + Fragmente):
   .fl-kon-leiste   = Axonstrang direkt unter dem Header
   .fl-kon-abbinder = Rindenbogen vor dem Footer
   Farben ueber Tokens (Welten-tauglich); Canvas fuellt konstellation.js,
   das SVG darunter ist der identische erste Frame (Platzhalter). */
.fl-kon-leiste{position:relative;display:block;width:100%;height:72px;margin:0;color:var(--fl-primary,#155eef);pointer-events:none;overflow:hidden}
/* Zwei Klassen: schlaegt die Inline-Regel .fl-kon-frag{width:min(100%,480px);aspect-ratio:4/1}
   der Composer-Seiten (fl-konstellation-markup.js), sonst schrumpft die Leiste dort auf 480 px. */
.fl-kon-leiste.fl-kon-frag{width:100%;height:72px;aspect-ratio:auto}
.fl-kon-leiste svg,.fl-kon-leiste canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.fl-kon-leiste svg{opacity:1;transition:opacity .4s ease}
.fl-kon-leiste.is-live svg{opacity:0}
.fl-kon-abbinder{display:flex;justify-content:center;padding:clamp(2rem,4vw,3rem) 1.5rem 1rem;color:var(--fl-primary,#155eef);opacity:.8;pointer-events:none}
.fl-kon-abbinder .fl-kon-frag{position:relative;display:block;width:min(100%,480px);aspect-ratio:4/1}
.fl-kon-abbinder .fl-kon-frag svg,.fl-kon-abbinder .fl-kon-frag canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.fl-kon-abbinder .fl-kon-frag svg{transition:opacity .4s ease}
.fl-kon-abbinder .fl-kon-frag.is-live svg{opacity:0}
@media(max-width:759px){.fl-kon-leiste,.fl-kon-leiste.fl-kon-frag{height:56px}}
@media(prefers-reduced-motion:reduce){.fl-kon-leiste svg,.fl-kon-abbinder .fl-kon-frag svg{transition:none}}