/* Editing controls are intentionally separate from card artwork. */
.classic-print-settings, .template-gallery, .modular-layout-settings, .modular-add-elements {
    background: var(--dnd-bg-surface); border: 1px solid var(--dnd-border-color); border-radius: 12px;
}
.classic-print-settings > summary, .template-gallery > summary, .modular-layout-settings > summary, .modular-add-elements > summary {
    padding: 12px 16px; cursor: pointer; color: #e2e8f0; font-weight: 600;
}
.classic-print-settings summary span + span { display: inline-block; margin-left: 12px; }
.template-gallery { margin-bottom: 16px; }
.template-gallery summary small { display: block; margin: 4px 0 0 18px; font-weight: 400; color: #aab4c4; }
.template-gallery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 0 16px 12px; }
.template-choice { text-align: left; padding: 14px; color: #e2e8f0; background: #1b202c; border: 1px solid #394151; border-radius: 8px; min-width: 0; }
.template-choice:hover, .template-choice:focus-visible { border-color: #d5a747; background: #272a30; }
.template-choice strong, .template-choice small { display: block; }
.template-choice small { margin-top: 6px; color: #aab4c4; line-height: 1.4; }
.template-gallery > p { margin: 0; padding: 0 16px 14px; color: #aab4c4; font-size: .8rem; }
.modular-side-toolbar, .modular-fit-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.modular-side-toolbar { justify-content: space-between; }
.font-fit-status { flex-basis: 100%; }
.font-fit-status:empty { display: none; }
.block-card > summary { cursor: pointer; display: flex; gap: 8px; align-items: center; padding: 8px; min-height: 44px; }
.block-card > summary::before { content: '›'; font-size: 1.2rem; color: #b8c1d0; }
.block-card[open] > summary::before { transform: rotate(90deg); }
.block-card > summary::-webkit-details-marker { display: none; }
.block-summary-text { color: #aab4c4; font-size: .8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.block-editor-body { padding: 8px; border-top: 1px solid #333b4a; }
.block-editor-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px; }
.block-editor-toolbar > div { display: flex; flex-wrap: wrap; gap: 6px; }
.block-editor-toolbar button, .block-editor-toolbar select { min-height: 32px; }
.classic-preview-toggle > summary { padding: 12px; cursor: pointer; color: #e2e8f0; }
.classic-preview-toggle { min-width: 0; }
.classic-preview-column { min-width: 0; }
.dynamic-modular-entry .card-header { gap: 8px; flex-wrap: wrap; }
.dynamic-modular-entry .card-body, .dynamic-modular-entry .block-card { min-width: 0; }
.dynamic-modular-entry .quick-block-buttons .btn { padding: 7px 10px; }
.dnd-editor-card .form-label { line-height: 1.5; }

#cardLibraryModal .modal-dialog { max-width: 980px; margin-inline: auto; }
#cardLibraryModal .modal-content { width: 100%; min-width: 0; }
#cardLibraryModal .modal-header { gap: 12px; }
#cardLibraryModal .modal-title { font-size: 1.15rem; }
#cardLibraryModal .modal-body { min-width: 0; }
.library-controls { display: grid; gap: 12px; margin-bottom: 16px; }
.library-type-filters { display: flex; flex-wrap: wrap; gap: 6px; }
.library-type-filters .btn { display: inline-flex; align-items: center; gap: 5px; min-height: 40px; border-radius: 8px; white-space: nowrap; color: #cbd5e1; }
.library-type-filters .btn.active { background: #3b3527; border-color: #d5a747; color: #fff2cf; }
#libraryCardsList { max-height: none !important; overflow: visible !important; }
.library-card-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.library-card-info { flex: 1 1 260px; min-width: 0; }
.library-card-info > div { flex-wrap: wrap; }
.library-card-info strong { min-width: 0; max-width: 100%; }
#cardLibraryModal .modal-footer, #cardLibraryModal .modal-footer > div { flex-wrap: wrap; gap: 8px; }
#cardLibraryModal .modal-footer .btn { min-height: 38px; }

@media (min-width: 992px) {
    .classic-preview-toggle > summary { display: none; }
    .classic-preview-column { position: sticky; top: 90px; align-self: flex-start; }
}
@media (max-width: 991px) {
    .template-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .classic-preview-column .sticky-top { position: static; }
    .classic-preview-column { order: -1; }
    .classic-preview-toggle { border: 1px solid #394151; border-radius: 12px; }
}
@media (max-width: 575px) {
    #cardLibraryModal .modal-dialog { margin: 8px; max-width: calc(100% - 16px); }
    #cardLibraryModal .modal-header, #cardLibraryModal .modal-footer { padding: 12px; }
    #cardLibraryModal .modal-title { font-size: .95rem; }
    .library-card-row > .btn-group { display: flex; flex-wrap: wrap; width: 100%; }
    .library-card-row > .btn-group .btn { flex: 1; min-height: 40px; }
    .library-type-filters .btn { font-size: .8rem; padding: 7px 9px; }
    .template-gallery-grid { grid-template-columns: 1fr; }
    .block-summary-text { display: none; }
    .modular-side-toolbar .side-switcher-btn-group { width: 100%; }
    .modular-fit-row > .btn { min-height: 44px; }
}