.share-panel{align-items:center;display:inline-flex}.share-trigger{width:auto}.share-layer{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30;background:#00000059;justify-content:center;align-items:flex-start;padding:72px 16px 24px;display:flex;position:fixed;inset:0}.share-flyout{background:var(--color-surface);border:1px solid var(--color-border);width:min(520px,100%);max-width:520px;padding:var(--songs-section-padding);border-radius:12px;flex-direction:column;gap:.75rem;display:flex;box-shadow:0 24px 48px #0003}.share-flyout-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.share-title h4{margin:0;font-size:1rem}.share-subtitle{color:var(--color-text-muted);margin:.15rem 0 0;font-size:.9rem}.share-close{border-radius:8px;width:30px;height:30px}.share-section{flex-direction:column;gap:.5rem;display:flex}.share-section-heading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.share-section-title{font-size:.95rem;font-weight:600}.share-hint{color:var(--color-text-muted);font-size:.8rem}.share-form-grid{grid-template-columns:1.4fr .9fr auto;align-items:center;gap:.5rem;display:grid}.share-transfer-row{grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid}.share-input,.share-select{border:1px solid var(--color-border);background:var(--color-background);width:100%;height:38px;color:var(--color-text);border-radius:8px;padding:.45rem .6rem;transition:border-color .15s,background-color .15s}.share-input:focus,.share-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.share-select{appearance:none;background-image:none}.share-select-compact{height:34px;padding:.3rem .5rem}.share-submit{width:100%}.share-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.share-list-item{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:9px;grid-template-columns:1fr;align-items:center;gap:.5rem;padding:.55rem .65rem;display:grid}.share-list-item.is-pending{border-color:var(--color-primary-alpha);background:rgba(var(--accent-primary-rgb),.06)}.share-member-main{flex-wrap:wrap;flex:220px;align-items:center;gap:.35rem;min-width:0;display:flex}.share-email{white-space:nowrap;text-overflow:ellipsis;flex:140px;min-width:0;font-weight:600;overflow:hidden}.share-pill{border:1px solid #0000;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:.15rem .5rem;font-size:.8rem;display:inline-flex}.share-pill.is-owner{background:var(--color-primary-alpha);color:var(--color-primary);border-color:rgba(var(--accent-primary-rgb),.35)}.share-pill.is-write{color:#ffd666;background:#ffd66614;border-color:#ffd66666}.share-pill.is-read{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border)}.share-chip{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:12px;flex-shrink:0;padding:.15rem .45rem;font-size:.8rem}.share-chip.is-pending{color:var(--color-primary);border-color:rgba(var(--accent-primary-rgb),.35);background:var(--color-primary-alpha)}.share-chip.is-active{color:#7bd58c;background:#7bd58c14;border-color:#7bd58c66}.share-actions{flex-wrap:wrap;justify-content:flex-end;justify-self:stretch;align-items:center;gap:.4rem;display:flex}.share-remove{color:var(--color-error);border-color:#ff6b6b80}.share-actions .share-select{width:140px}.share-actions .share-remove{white-space:nowrap}.share-count{color:var(--color-text-muted);font-size:.85rem}.share-empty{color:var(--color-text-muted);margin:0;padding:.25rem .1rem}@media (max-width:1100px){.share-panel{width:100%}.share-flyout{width:min(520px,92vw)}.share-actions{justify-self:start}}@media (max-width:640px){.share-flyout{padding:.75rem}}