.collection-control { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #c5b99c; border: 1px solid #8b764744; background: transparent; border-radius: 4px; padding: 7px 12px; cursor: pointer; font: inherit; }
.collection-control[aria-pressed="true"] { color: #eed698; border-color: #c6a55b88; }
.collection-control:focus-visible { outline: 2px solid #e4c678; outline-offset: 4px; }
.collection-control:disabled { opacity: .55; cursor: wait; }
.collection-control[hidden], .collection-sticker[hidden] { display: none; }
.collection-sticker { width: 46px; height: 46px; object-fit: contain; flex-shrink: 0; filter: drop-shadow(0 3px 3px #0005); }
.record-actions { display: flex; align-items: baseline; justify-content: center; flex-wrap: wrap; column-gap: 24px; row-gap: 10px; margin-top: 14px; }
.record-actions > .open { margin: 0 !important; }
#collection-current { display: inline-flex; margin: 0; }
#collection-current .collection-control { min-height: 0; padding: 0 0 5px; border: 0; border-bottom: 1px solid currentColor; border-radius: 0; font-size: 11px; letter-spacing: .02em; line-height: inherit; }
#collection-current .collection-sticker, #collection-detail .collection-sticker { display: none; }
#collection-detail { display: inline-block; margin: 8px; }
.cover-preview { position: relative; }
.source-cover { position: relative; }
.source-cover > .collection-sticker { position: absolute; right: 0; top: 0; width: 34px; height: 34px; z-index: 2; transform: rotate(10deg) !important; }
#collection-status { display: block; color: #c7b27c; font-size: 12px; }
#collection-status:empty { display: none; }
#share-status { color: #c7b27c; font-size: 12px; }
#share-status:empty { display: none; }
#share-link { width: min(90%, 560px); padding: 8px; color: inherit; background: transparent; border: 1px solid #8b764744; }
.flat-covers button { position: relative; }
.flat-covers button > .collection-sticker { position: absolute; top: 7%; right: 7%; width: 14%; height: auto; transform: rotate(5deg); }
#reset[aria-pressed="true"] { color: #e4c678; }
.track-actions .collection-control { font-size: 12px; }
