.cover-editor {border-top:1px solid var(--ink); padding-top:20px; margin:20px 0; min-width:0}
.cover-editor[hidden] {display:none}
.cover-editor h3 {font-size:22px; margin:0 0 8px}
.cover-editor p {max-width:65ch}
.cover-preview-sizes {display:flex; gap:8px; flex-wrap:wrap; margin:16px 0 12px}
.cover-preview-sizes [aria-pressed=true] {background:var(--ink); color:var(--paper)}
.cover-editor .cover-editor-preview {width:100%; max-width:340px; height:auto; aspect-ratio:1; padding:16px; user-select:none; isolation:isolate}
.cover-editor .cover-editor-preview[data-size=wide] {max-width:720px; aspect-ratio:2.2}
.cover-editor .cover-editor-preview.is-ready {cursor:grab; touch-action:none}
.cover-editor .cover-editor-preview.is-dragging {cursor:grabbing}
.cover-editor .cover-editor-preview:focus-visible {outline:3px solid var(--blue,#315BE8); outline-offset:4px}
.cover-editor-preview img {pointer-events:none; object-position:center}
.cover-editor-preview img[hidden] {display:none}
.cover-editor .cover-title {font-size:clamp(20px,3vw,30px); line-height:1.08; min-height:0; overflow-wrap:anywhere}
.cover-editor .cover-sub {font-size:14px}
.cover-editor .cover-top {font-size:13px; align-self:flex-start}
.cover-editor .cover-bottom {pointer-events:none}
.cover-editor .cover-rule {margin:14px 0}
.cover-sliders {border:0; padding:0; margin:16px 0 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
.cover-sliders legend {position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap}
.cover-sliders label:first-of-type {grid-column:1 / -1}
.cover-sliders label {display:grid; grid-template-columns:1fr auto; gap:8px; align-items:center}
.cover-sliders output {font-variant-numeric:tabular-nums; font-weight:400}
.cover-sliders input[type=range] {grid-column:1 / -1; min-width:0; width:100%; padding:0; height:32px; cursor:pointer; accent-color:var(--ink)}
.cover-sliders button {justify-self:start; grid-column:1 / -1}
.cover-sliders:disabled {opacity:.55}
@media(max-width:480px) {.cover-sliders {grid-template-columns:1fr} .cover-editor .cover-editor-preview[data-size=wide] {aspect-ratio:1.8; padding:10px} .cover-editor .cover-title {font-size:21px}}