.cover-flow{position:relative;border:1px solid transparent;cursor:pointer;width:100%;padding:0;font:inherit}
.cover-flow:hover{border-color:#237b5b}
.cover-flow:focus-visible{outline:3px solid #237b5b;outline-offset:3px}
.cover-flow img{width:100%;height:100%;object-fit:contain;display:block;background:#eef2f0}
.cover-flow::after{content:'✎';position:absolute;bottom:6px;right:6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#17553f;box-shadow:0 2px 8px #173d3526;font-size:15px}
.share-cover-preview{width:100%;aspect-ratio:1/1;border:1px dashed #c8d9d0;border-radius:12px;background:#f0f5f2;display:grid;place-items:center;overflow:hidden;text-align:center;color:#677d72;font-size:13px;margin:16px 0}
.share-cover-preview img{width:100%;height:100%;object-fit:contain}
.share-cover-actions{display:flex;gap:8px;flex-wrap:wrap}
.share-cover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}
.share-cover-item{border:1px solid #dce6df;border-radius:10px;padding:6px;min-width:0}
.share-cover-item.active{border-color:#237b5b;background:#eff8f2}
.share-cover-item img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:6px;background:#f0f5f2}
.share-cover-item>span{display:block;font-size:11px;margin:5px 0;color:#4d6659}
.share-cover-item>div{display:flex;gap:4px}
.share-cover-item .secondary{padding:4px 7px;min-width:25px;font-size:13px}
.share-cover-item button:disabled{opacity:.35;cursor:default}
@media(max-width:480px){.share-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}