.cc-inputs, .cc-selections { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.25rem; }
.cc-inputs textarea { min-height: 14rem; }
.cc-inputs select { width: 100%; font: inherit; padding: .55rem; background: var(--bg, #fff); color: var(--text, #172033); border: 1px solid var(--border, #94a3b8); border-radius: 7px; }
.cc-selections { margin: 1.25rem 0; }
.cc-selections fieldset { min-width: 0; margin: 0; border: 1px solid var(--border, #cbd5e1); border-radius: 8px; padding: 1rem; }
.cc-selections legend { padding: 0 .3rem; font-weight: 700; }
.cc-columns { display: grid; gap: .55rem; max-height: 20rem; overflow: auto; padding: .4rem; }
.cc-columns label { overflow-wrap: anywhere; font-weight: 500; }
.cc-columns input { flex-shrink: 0; }
.cc-columns label:has(input:disabled) { opacity: .6; }
#compare-preview td:last-child { min-width: 16rem; }
#compare-output { overflow-wrap: anywhere; }
.cc-downloads { display: flex; flex-wrap: wrap; gap: .5rem 1rem; padding: 0; list-style: none; }
@media (max-width: 760px) { .cc-inputs, .cc-selections { grid-template-columns: 1fr; } .cc-inputs textarea { min-height: 10rem; } }