/* Generad · Floating Bar (gleich in allen Reitern, auch in den eingebetteten Fenstern) */
.gfrow{ display:flex; justify-content:center; flex:0 0 auto; position:relative; z-index:60; }
.gfbar{ position:relative; display:flex; align-items:center; gap:10px; max-width:100%; min-height:52px; box-sizing:border-box;
  background:#fff; border-radius:999px; padding:6px 6px 6px 8px; font-family:inherit; color:#3b474f;
  box-shadow:0 10px 30px rgba(59,71,79,.13), 0 0 0 1px rgba(59,71,79,.06); }
.gfbar.wide{ width:min(760px,100%); }
.gfbar .gf-left{ display:flex; align-items:center; gap:8px; min-width:0; flex:1 1 auto; }
.gfbar .gf-left:empty{ display:none; }
.gfbar .gf-left > *{ display:flex; align-items:center; gap:8px; min-width:0; flex:1 1 auto; }
.gfbar input[type=range]{ flex:1 1 auto; min-width:60px; margin:0; }
.gf-btn{ border:none; background:#f2f2f4; color:#3b474f; border-radius:999px; height:36px; padding:0 14px; font:inherit; font-size:12.5px; font-weight:600;
  display:inline-flex; align-items:center; gap:7px; cursor:pointer; white-space:nowrap; flex:0 0 auto; transition:background .15s; }
.gf-btn:hover{ background:#e4e4e7; } .gf-btn:disabled{ opacity:.4; cursor:default; }
.gf-btn svg{ width:15px; height:15px; }
.gf-btn.ico{ width:36px; padding:0; justify-content:center; }
.gf-btn.dark{ background:#3b474f; color:#fff; }
.gf-sep{ width:1px; align-self:stretch; margin:8px 2px; background:#e4e4e7; flex:0 0 auto; }
.gf-txt{ font-size:12px; color:#8a99a8; font-variant-numeric:tabular-nums; white-space:nowrap; flex:0 0 auto; }
.gf-seg{ display:flex; gap:2px; padding:3px; background:#f2f2f4; border-radius:999px; flex:0 0 auto; }
.gf-seg button{ border:none; background:transparent; border-radius:999px; padding:0 12px; height:30px; font:inherit; font-size:12px; font-weight:600; color:#8a99a8; cursor:pointer; white-space:nowrap; }
.gf-seg button.on{ background:#fff; color:#3b474f; box-shadow:0 1px 4px rgba(59,71,79,.14); }
/* Export-Pille rechts */
.gx{ display:flex; align-items:stretch; flex:0 0 auto; height:40px; border-radius:999px; background:#3b474f; overflow:hidden; transition:background .15s; }
.gx:hover{ background:#2F4759; }
.gx-main{ position:relative; border:none; background:transparent; color:#fff; font:inherit; font-size:14px; font-weight:600; display:inline-flex; align-items:center; gap:8px;
  padding:0 18px; cursor:pointer; white-space:nowrap; overflow:hidden; }
.gx-main > svg, .gx-main > .gx-t{ position:relative; z-index:1; }
.gx-main svg{ width:16px; height:16px; }
.gx-p{ position:absolute; left:0; top:0; bottom:0; width:0; background:#4A6780; transition:width .25s ease; z-index:0; }
.gfbar.busy .gx-main{ font-size:12.5px; font-variant-numeric:tabular-nums; }
.gfbar.gx-off .gx{ opacity:.4; } .gfbar.gx-off .gx-main{ cursor:default; }
.gx-opt{ border:none; background:transparent; color:#fff; width:36px; cursor:pointer; border-left:1px solid rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; padding:0; }
.gx-opt svg{ width:15px; height:15px; transition:transform .2s ease; }
.gfbar.popon .gx-opt svg{ transform:rotate(180deg); }
.gfbar.noopt .gx-opt{ display:none; }
.gx-pop{ position:absolute; right:0; bottom:calc(100% + 10px); width:300px; max-width:calc(100vw - 32px); box-sizing:border-box; background:#fff; border-radius:15px;
  box-shadow:0 18px 50px rgba(59,71,79,.16), 0 0 0 1px rgba(59,71,79,.06); padding:16px; display:none; flex-direction:column; gap:14px; z-index:90; }
.gfbar.popon .gx-pop{ display:flex; }
.gx-pop .gx-lbl{ display:block; font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:#8a99a8; margin-bottom:7px; }
.gx-pop .gx-note{ font-size:11.5px; line-height:1.5; color:#8a99a8; margin:0; }
.gx-pop .gf-seg{ width:100%; box-sizing:border-box; } .gx-pop .gf-seg button{ flex:1; }
@media (max-width:560px){ .gfbar{ gap:6px; } .gx-main{ padding:0 14px; } .gf-btn{ padding:0 11px; } .gf-btn .gf-hide{ display:none; } }