/* Editor für Oberflächenvorlagen (Schritt 3, E1). Bewusst nüchtern: Die Seite
   ist ein Werkzeug für wenige Bearbeiter, keine Kundenoberfläche. */
.editor { margin-bottom: 1.5rem; }
.editor-head { border-bottom: 1px solid #dfe6f0; margin-bottom: 1rem; padding-bottom: 1rem; }
.editor-sections { display: grid; gap: 1rem; list-style: none; margin: 0; padding: 0; }
.editor-section {
    background: #fff;
    border: 1px solid #dfe6f0;
    border-radius: .75rem;
    display: grid;
    gap: .6rem;
    padding: 1rem;
}
.editor-section-head {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: space-between;
}
.editor-section-actions { display: flex; flex-wrap: wrap; gap: .35rem; }
.editor-field { display: grid; gap: .25rem; }
.editor-field > span { color: #52627a; font-size: .8rem; font-weight: 700; }
.editor-options {
    border: 1px solid #e8eef6;
    border-radius: .5rem;
    display: grid;
    gap: .5rem;
    margin: 0;
    padding: .75rem;
}
.editor-options > legend { color: #52627a; font-size: .8rem; font-weight: 800; padding: 0 .35rem; width: auto; }
/* Unterabschnitte rücken ein, damit die Schachtelung sichtbar ist, ohne dass
   die Karten ineinander verschwimmen. */
.editor-children { border-left: 3px solid #e8eef6; margin-top: .5rem; padding-left: .75rem; }