/* Gemeinsame Kopfleiste der Maker: Rückgängig, Wiederholen, Alle einklappen, Alle ausklappen.
   Look 1:1 wie im Icon Maker. Pflege: Design-Chat. */
.kopfleiste{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;container-type:inline-size}
/* zu schmal für eine Reihe: Viererblock, oben Rückgängig/Wiederholen, unten Einklappen/Ausklappen */
@container (max-width:464px){
  .kopfleiste button.sekundaer.klein{flex:1 1 calc(50% - 4px);justify-content:center}
  .kopfleiste button.sekundaer.klein:nth-child(n+3){margin-top:8px}
}
.kopfleiste button.sekundaer.klein{display:flex;gap:16px;align-items:flex-end;margin-top:14px;white-space:nowrap;font:inherit;font-size:.85rem;color:#f2f2f2;background:transparent;border:1px solid #2c2c2c;border-radius:10px;padding:5px 10px;min-height:0;cursor:pointer}
.kopfleiste button.sekundaer.klein:disabled{opacity:.4;cursor:not-allowed}
.kopfleiste button.sekundaer.klein:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* Emote-Maker: Knopf "KI-Freistellen" im Look der Icon-Maker-Schaltflächen */
#emKiFrei{display:inline-flex;gap:10px;align-items:center;white-space:nowrap;font:inherit;font-size:.85rem;color:#f2f2f2;background:transparent;border:1px solid #2c2c2c;border-radius:10px;padding:5px 10px;min-height:0;cursor:pointer}
#emKiFrei:hover:not(:disabled){border-color:#ff0000;color:#fff}
#emKiFrei:disabled{opacity:.4;cursor:not-allowed}
#emKiFrei:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* Leiste bleibt beim Scrollen oben hängen. Sticky braucht einen Flex-Container statt Grid,
   sonst gilt nur die eigene Zeile als Spielraum. */
.regler:has(>.kopfleiste),.em-regler:has(>.kopfleiste){display:flex;flex-direction:column}
.kopfleiste{position:sticky;top:var(--kopfhoehe,84px);z-index:4;background:var(--m-bg,var(--em-bg,#0b0b0b));padding-bottom:8px}
/* Handy mit klebender Vorschau: kopfleiste-lage.js setzt die Leiste neben die Vorschau, vier Schaltflächen untereinander */
.kopfleiste.kl-mobil{position:static;flex:0 0 auto;flex-direction:column;flex-wrap:nowrap;gap:6px;margin-left:auto;padding:0;background:none;container-type:normal}
.kopfleiste.kl-mobil button.sekundaer.klein,.kopfleiste.kl-mobil button.sekundaer.klein:nth-child(n+3){margin-top:0;flex:0 0 auto;justify-content:center}
.vorschau:has(>.kopfleiste.kl-mobil){flex-wrap:wrap}
.vorschau:has(>.kopfleiste.kl-mobil)>.klein{flex:1 1 100%}
/* einklappbare Karten (nur dort nötig, wo der Maker sie nicht selbst mitbringt) */
.regler .kartenkopf{display:inline-flex;width:100%;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:0;min-height:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;border-radius:6px}
.regler .kartenkopf:hover{background:none;color:#fff}
.regler .kartenkopf .pfeil{width:9px;height:9px;border-right:2px solid #bdbdbd;border-bottom:2px solid #bdbdbd;transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s}
.regler .kartenkopf[aria-expanded=false] .pfeil{transform:rotate(-45deg)}
.regler .karteninhalt[hidden]{display:none}
.regler fieldset.zu{padding:14px 18px}
.regler fieldset.zu legend{margin-bottom:0}