.block-add-actions,.slide-admin-actions,.caption-admin-row,.caption-add{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.show-block-admin{margin-top:48px}.caption-choice-grid{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:center}.caption-admin-list{display:grid;gap:12px;margin-top:18px}.caption-admin-row{justify-content:space-between}.caption-admin-row form:first-child{display:flex;gap:10px;flex:1}.caption-admin-row input{width:100%}.segment-picker,.segment-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border:1px solid rgba(255,255,255,.12)}.segment-picker>strong,.segment-selects>strong,.segment-selects>small{grid-column:1/-1}.segment-selects select{width:100%}.caption-select-controls [hidden]{display:none}.override-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.optional-colour{display:grid;grid-template-columns:60px 1fr;gap:8px}.optional-colour input[type=color]{width:60px;height:44px}.show-settings-form .current-upload img{max-height:240px;max-width:100%;object-fit:contain}@media(max-width:760px){.caption-choice-grid,.override-grid,.segment-picker,.segment-selects{grid-template-columns:1fr}}

/* v0.9.4 — Shows / Results Backstage width and spacing */
.show-backstage-layout {
    width: min(1540px, 100%);
    margin-inline: auto;
}

.show-backstage-layout .page-heading,
.show-backstage-layout .luchador-form,
.show-backstage-layout .show-block-admin,
.show-backstage-layout .slide-admin-list,
.show-backstage-layout .panel,
.show-backstage-layout > .alert {
    width: 100%;
    max-width: none;
}

.show-backstage-layout .luchador-form {
    gap: 28px;
}

.show-backstage-layout .form-section {
    padding: clamp(24px, 2.2vw, 36px);
}

.show-backstage-layout .form-grid.two-col {
    grid-template-columns: repeat(2, minmax(280px, 1fr));
}

.show-backstage-layout .form-grid.three-col,
.show-backstage-layout .override-grid {
    grid-template-columns: repeat(3, minmax(220px, 1fr));
}

.show-backstage-layout .slide-admin-list {
    display: grid;
    gap: 14px;
}

.show-backstage-layout .slide-admin-row {
    width: 100%;
    min-width: 0;
}

.show-backstage-layout .slide-admin-copy {
    min-width: 0;
}

.show-backstage-layout .slide-admin-actions {
    justify-content: flex-end;
}

.show-backstage-layout .show-block-admin {
    margin-top: 56px;
}

@media (min-width: 1500px) {
    .content:has(.show-backstage-layout) {
        max-width: none;
        padding-right: 56px;
    }
}

@media (max-width: 980px) {
    .show-backstage-layout .form-grid.two-col,
    .show-backstage-layout .form-grid.three-col,
    .show-backstage-layout .override-grid {
        grid-template-columns: 1fr;
    }
}

/* v0.9.5 — Shows list rows use their own two-column layout.
   The shared Card admin stylesheet defines .slide-admin-row as a four-column
   Card row (number / background / copy / actions). Show rows only contain
   copy + actions, so they must override that grid explicitly. */
.show-backstage-layout > .slide-admin-list .slide-admin-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    min-height: 92px;
    padding: 18px 20px;
}

.show-backstage-layout > .slide-admin-list .slide-admin-copy {
    grid-column: 1;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.show-backstage-layout > .slide-admin-list .slide-admin-copy strong,
.show-backstage-layout > .slide-admin-list .slide-admin-copy span {
    width: 100%;
    max-width: none;
}

.show-backstage-layout > .slide-admin-list .slide-admin-actions {
    grid-column: 2;
    justify-self: end;
    padding-left: 0;
}

@media (max-width: 760px) {
    .show-backstage-layout > .slide-admin-list .slide-admin-row {
        grid-template-columns: 1fr;
    }

    .show-backstage-layout > .slide-admin-list .slide-admin-actions {
        grid-column: 1;
        justify-self: start;
        justify-content: flex-start;
    }
}