/* The parent's single-card review, using the settings area's existing palette. */
.collection-management{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.collection-management .cm-label{font-weight:800;margin:0}
.collection-management .cm-count{color:var(--fg);font-weight:800}
.collection-management .cm-picker{width:100%;min-height:64px;padding:12px;border:1.5px solid var(--brd);border-radius:14px;background:var(--bg);color:var(--fg);font:800 1rem/1.3 var(--sans)}
.collection-management .btn{min-height:64px;white-space:normal}
.collection-management :is(button,select):focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.cm-preview{display:flex;align-items:center;gap:18px;margin:4px 0;padding:16px;border:1px solid var(--brd);border-radius:18px;background:var(--bg)}
.cm-art{width:120px;flex:none;aspect-ratio:290/405;overflow:hidden;border-radius:10px;pointer-events:none}
.cm-art>svg{display:block;width:100%;height:auto}
.cm-preview figcaption{min-width:0;display:grid;gap:7px;overflow-wrap:anywhere}
.cm-preview .cm-name{margin:0;font:900 1.35rem/1.2 var(--sans)}
.cm-confirm{display:grid;gap:12px;padding:18px;border:2px solid var(--acc);border-radius:18px;background:var(--bg)}
.cm-confirm h3{font:900 1.2rem/1.2 var(--sans)}
.cm-confirm .row{gap:12px;align-items:stretch}.cm-confirm .row .btn{flex:1 1 180px}
.cm-status:empty{display:none}.cm-status{font-weight:800;color:var(--acc)}
@media(max-width:359px){.cm-preview{gap:12px;padding:12px}.cm-art{width:96px}.cm-preview .cm-name{font-size:1.2rem}}