.setlist-panel{background:var(--color-surface);border:1px solid var(--color-border);width:260px;min-width:240px;padding:var(--songs-section-padding);margin-top:var(--songs-section-padding);gap:var(--songs-stack-spacing);border-radius:8px;flex-direction:column;display:flex}.setlist-panel-header{justify-content:space-between;align-items:center;display:flex}.setlist-panel-header h3{margin:0;font-size:1rem}.setlist-actions{align-items:center;gap:.4rem;display:flex}.setlist-share-btn{color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:6px;padding:.35rem .7rem;font-size:.85rem;transition:background .2s,color .2s}.setlist-share-btn:hover:not(:disabled){background:var(--color-surface-hover)}.setlist-share-btn:disabled{opacity:.6;cursor:not-allowed}.setlist-add-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:1.2rem;transition:background .2s;display:flex}.setlist-add-btn:hover:not(:disabled){background:var(--color-primary-dark)}.setlist-add-btn:disabled{opacity:.6;cursor:not-allowed}.setlist-sort{border:1px solid var(--color-border);background:var(--color-background);border-radius:6px;align-items:center;gap:.5rem;padding:.3rem .5rem;display:flex}.setlist-sort-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.75rem}.setlist-sort-control{flex:1;align-items:center;display:flex}.setlist-sort-select{width:100%;color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.setlist-sort-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.setlist-error{background:var(--color-error-alpha);color:var(--color-error);border-radius:6px;padding:.5rem;font-size:.85rem}.setlist-create-form{flex-direction:column;gap:.5rem;display:flex}.setlist-create-form input{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);border-radius:6px;padding:.4rem .6rem}.setlist-create-actions{gap:.5rem;display:flex}.setlist-all{display:flex}.setlist-item-button{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:.45rem .5rem;transition:background .2s;display:flex}.setlist-item-button:hover{background:var(--color-surface-hover)}.setlist-count{color:var(--color-text-muted);margin-left:.5rem;font-size:.75rem}.setlist-items{flex-direction:column;flex:1;gap:.25rem;display:flex;overflow-y:auto}.setlist-item{border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .5rem;transition:background-color .15s,transform .1s,box-shadow .1s;display:flex;position:relative}.setlist-items.is-manual .setlist-item.is-dragging,.setlist-items.is-manual .setlist-item:active{cursor:grabbing}.setlist-items.is-manual .setlist-item.is-dragging{background:var(--color-background);z-index:2;box-shadow:0 8px 16px #00000026}.setlist-item.is-drop-target:after{content:"";background:var(--color-primary);opacity:.8;border-radius:2px;height:3px;position:absolute;bottom:-4px;left:0;right:0}.setlist-drop-tail{background:0 0;border-radius:2px;height:4px;transition:background .15s}.setlist-drop-tail.is-active{background:var(--color-primary);opacity:.8}.setlist-drag-handle{-webkit-user-select:none;user-select:none;color:var(--color-text-muted);touch-action:none;font-size:1.1rem;line-height:1;display:none}.setlist-items.is-manual .setlist-drag-handle{justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.setlist-reorder-guidance{color:var(--color-text-muted);margin:.4rem 0 .5rem;font-size:.85rem}.setlist-item.is-active .setlist-item-button,.setlist-item-button.is-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.setlist-item.is-active .setlist-item-button .setlist-count,.setlist-item-button.is-active .setlist-count{color:#fffc}.setlist-item-actions{gap:.25rem;display:flex}.setlist-action{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;padding:.2rem;transition:background .2s}.setlist-action:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.setlist-rename-form{flex-direction:column;gap:.5rem;width:100%;display:flex}.setlist-rename-form input{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);border-radius:6px;padding:.35rem .5rem}.setlist-rename-actions{gap:.5rem;display:flex}.setlist-loading,.setlist-empty{color:var(--color-text-muted);font-size:.85rem}.setlist-items.is-manual .setlist-item{cursor:grab}.setlist-items.is-manual .setlist-item:active{cursor:grabbing}.songs-footer-actions{gap:var(--songs-stack-spacing);margin-top:var(--songs-stack-spacing);display:flex}.songs-footer-actions .songs-footer-btn{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);cursor:pointer;border-radius:6px;flex:1;padding:.55rem .75rem;font-size:.95rem;font-weight:500;transition:background .2s,border-color .2s}.songs-footer-actions .songs-footer-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary)}.songs-footer-actions .songs-footer-btn:disabled{opacity:.6;cursor:not-allowed}.setlist-add-inline{margin-top:var(--songs-stack-spacing);padding:var(--songs-section-padding);border:1px solid var(--color-border);background:var(--color-surface);gap:var(--songs-stack-spacing);border-radius:8px;flex-direction:column;display:flex}.setlist-add-header{justify-content:space-between;align-items:center;display:flex}.setlist-add-header h3{margin:0;font-size:1rem}.setlist-add-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:.85rem}.setlist-add-close:hover{color:var(--color-text)}.setlist-add-empty{color:var(--color-text-muted);margin:0;font-size:.9rem}.setlist-add-search{border:1px solid var(--color-border);background:var(--color-background);width:100%;color:var(--color-text);border-radius:6px;padding:.45rem .6rem}.setlist-add-search:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha);outline:none}.setlist-add-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.setlist-add-item{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.setlist-add-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;overflow:hidden}.setlist-add-button{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;cursor:pointer;border-radius:6px;padding:.35rem .7rem;font-size:.85rem;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 4px #1018281f}.setlist-add-button:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff;transform:translateY(-1px)}.setlist-add-button:focus-visible{box-shadow:0 0 0 3px var(--color-primary-alpha),0 2px 4px #1018281f;outline:none}