/*
 * Vorschau „Neues Layout“ in den Embed-Editoren (Embeds, Tickets, Streams, Geburtstage):
 * Alle Karten einer Nachricht erscheinen wie in Discord als EIN Rahmen –
 * Titelbild der ersten Karte oben, weitere Karten als Abschnitte mit Trennlinie, Buttons unten im Rahmen.
 */
.layout-modern .embeds-container,
.layout-modern .ticket-embed-container {
    gap: 0;
    max-width: 520px;
    background: #2b2d31;
    border-left: 4px solid var(--layout-accent, #5865f2);
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}
.layout-modern .embeds-container:empty,
.layout-modern .ticket-embed-container:empty {
    border-left: none;
    background: transparent;
}
.layout-modern .embeds-container > .inline-embed-editor,
.layout-modern .ticket-embed-container > .inline-embed-editor {
    margin: 0;
    max-width: none;
}
.layout-modern .inline-embed-editor .discord-embed-live {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}
.layout-modern .inline-embed-editor .embed-color-bar {
    display: none;
}
/* Trennlinie zwischen den Abschnitten */
.layout-modern .inline-embed-editor + .inline-embed-editor .discord-embed-live::before {
    content: '';
    position: absolute;
    left: 0.75rem;
    right: 0.75rem;
    top: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.09);
}
/* Nur die erste Karte zeigt ihr Bild als Titelbild oben, alle weiteren unter ihrem Text */
.layout-modern .inline-embed-editor:not(:first-child) .embed-main-content .embed-image-upload {
    order: 0;
    margin-top: 0.6rem;
    margin-bottom: 0;
}
/* Buttons sitzen unten im selben Rahmen */
.layout-modern .embeds-container + .embed-button-area,
.layout-modern .ticket-embed-container + .embed-button-area {
    max-width: 520px;
    box-sizing: border-box;
    margin-top: 0;
    padding: 0.6rem 0.75rem 0.75rem;
    background: #2b2d31;
    border-left: 4px solid var(--layout-accent, #5865f2);
    border-radius: 0 0 8px 8px;
    position: relative;
}
.layout-modern .embeds-container + .embed-button-area::before,
.layout-modern .ticket-embed-container + .embed-button-area::before {
    content: '';
    position: absolute;
    left: 0.75rem;
    right: 0.75rem;
    top: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.09);
}