.setlist-panel{--setlist-chevron-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6.5L8 10.5L12 6.5' stroke='%236f7785' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background:var(--color-surface);border:1px solid var(--color-border);width:100%;min-width:0;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:.35rem;display:flex}.setlist-panel-body{gap:var(--songs-stack-spacing);flex-direction:column;display:flex}.setlist-mobile-toggle{background:var(--color-background);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;padding:.3rem .55rem;font-size:.8rem;font-weight:500;transition:background .2s,border-color .2s,color .2s;display:none}.setlist-mobile-toggle-title{color:var(--color-text);font-size:.95rem;font-weight:600}.setlist-mobile-toggle-meta{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;color:var(--color-text-muted);flex:1;font-size:.8rem;font-weight:500;overflow:hidden}.setlist-mobile-toggle:hover,.setlist-mobile-toggle:focus-visible{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-primary-alpha)}.setlist-mobile-toggle-icon{justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.setlist-panel.is-mobile-open .setlist-mobile-toggle-icon{transform:rotate(180deg)}.setlist-manage-btn{color:var(--color-primary);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .55rem;font-size:.8rem;font-weight:500;transition:background .2s,border-color .2s,color .2s}.setlist-manage-btn:hover,.setlist-manage-btn:focus-visible{background:var(--color-surface-hover);color:var(--accent-secondary);border-color:var(--color-primary-alpha)}.setlist-more-menu{position:relative}.setlist-more-trigger{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;list-style:none;transition:background .2s,color .2s,border-color .2s;display:flex}.setlist-more-trigger::-webkit-details-marker{display:none}.setlist-more-trigger:hover,.setlist-more-trigger:focus-visible,.setlist-more-menu[open] .setlist-more-trigger{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-primary-alpha)}.setlist-more-body{border:1px solid var(--color-border);background:var(--color-surface);z-index:3;border-radius:8px;flex-direction:column;gap:.15rem;min-width:9.2rem;padding:.25rem;display:flex;position:absolute;top:calc(100% + .25rem);right:0;box-shadow:0 8px 20px #0000001f}.setlist-more-item{color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .45rem;font-size:.8rem}.setlist-more-item:hover:not(:disabled){background:var(--color-surface-hover)}.setlist-more-item: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,transform .15s;display:flex}.setlist-add-btn:hover:not(:disabled){background:var(--color-primary-dark)}.setlist-add-btn:active:not(:disabled){transform:scale(.9)}.setlist-add-btn:disabled{opacity:.6;cursor:not-allowed}.setlist-add-btn.is-active{box-shadow:0 0 0 2px var(--color-primary-alpha)}.setlist-quick-views{flex-wrap:wrap;gap:.35rem;display:flex}.setlist-quick-btn{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-muted);cursor:pointer;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;line-height:1.1;transition:background .2s,border-color .2s,color .2s}.setlist-quick-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.setlist-quick-btn.is-active{background:var(--color-primary-alpha);border-color:var(--color-primary);color:var(--color-primary)}.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{background-color:#0000;background-image:var(--setlist-chevron-icon);appearance:none;width:100%;color:var(--color-text);cursor:pointer;background-position:right .2rem center;background-repeat:no-repeat;background-size:.8rem .8rem;border:none;padding:0 1.1rem 0 0;font-size:.85rem}.setlist-sort-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.setlist-filter-menu{border:1px solid var(--color-border);background:var(--color-background);border-radius:8px;overflow:hidden}.setlist-filter-menu[open]{box-shadow:0 6px 18px #00000014}.setlist-filter-summary{cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:.15rem .5rem;padding:.45rem .55rem;list-style:none;display:grid}.setlist-filter-summary::-webkit-details-marker{display:none}.setlist-filter-title{color:var(--color-text);font-size:.82rem;font-weight:600}.setlist-filter-meta{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/2;font-size:.72rem;line-height:1.2;overflow:hidden}.setlist-filter-caret{background-image:var(--setlist-chevron-icon);background-position:50%;background-repeat:no-repeat;background-size:.8rem .8rem;grid-area:1/2/3/3;width:.8rem;height:.8rem;transition:transform .2s}.setlist-filter-menu[open] .setlist-filter-caret{transform:rotate(180deg)}.setlist-filter-body{border-top:1px solid var(--color-border);flex-direction:column;gap:.55rem;padding:0 .55rem .55rem;display:flex}.setlist-filter-grid{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.setlist-filter-field{flex-direction:column;gap:.25rem;display:flex}.setlist-filter-select{border:1px solid var(--color-border);background-color:var(--color-background);background-image:var(--setlist-chevron-icon);appearance:none;width:100%;color:var(--color-text);background-position:right .35rem center;background-repeat:no-repeat;background-size:.8rem .8rem;border-radius:6px;padding:.3rem 1.35rem .3rem .45rem;font-size:.8rem}.setlist-filter-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.setlist-filter-labels{flex-direction:column;gap:.3rem;display:flex}.setlist-filter-label-list{border:1px solid var(--color-border);border-radius:6px;flex-direction:column;gap:.15rem;max-height:8.25rem;padding:.25rem;display:flex;overflow-y:auto}.setlist-filter-label-option{color:var(--color-text);border-radius:4px;align-items:center;gap:.45rem;padding:.2rem .25rem;font-size:.8rem;display:flex}.setlist-filter-label-option:hover{background:var(--color-surface-hover)}.setlist-filter-label-option input{margin:0}.setlist-filter-label-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.setlist-filter-clear{align-self:flex-end}.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;animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.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-form input[aria-invalid=true]{border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-error-alpha)}.song-setlist-variant{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.78rem;line-height:1.2;display:block;overflow:hidden}.action-btn.setlist-item-edit{color:var(--color-text-muted);justify-content:center;align-items:center;margin-right:.25rem;display:inline-flex}.action-btn.setlist-item-edit:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text);transform:scale(1.05)}.action-btn.setlist-item-edit:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.action-btn.setlist-item-edit:disabled{opacity:.6;cursor:not-allowed}.setlist-item-editor-modal{flex-direction:column;gap:.75rem;display:flex}.setlist-item-editor-song{margin:0;font-weight:600}.setlist-item-editor-status{color:var(--color-text-muted);margin:0}.setlist-item-editor-error{background:var(--color-error-alpha);color:var(--color-error);border-radius:8px;padding:.6rem .75rem}.setlist-item-editor-form{grid-template-columns:1fr;gap:.5rem;display:grid}.setlist-item-editor-hint{color:var(--color-text-muted);margin:.1rem 0 0;font-size:.82rem}.setlist-item-editor-actions{justify-content:flex-end;gap:.5rem;display:flex}.setlist-create-error{margin-top:-.25rem}.setlist-create-actions{gap:.5rem;display:flex}.setlist-edit-actions{justify-content:space-between;align-items:center}.setlist-edit-actions-right{gap:.5rem;margin-left:auto;display:flex}.setlist-all{display:flex}.setlist-item-button{min-width:0;min-height:var(--control-sm);text-align:left;cursor:pointer;color:var(--color-text);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:flex-start;align-items:center;gap:.4rem;padding:.2rem .5rem;line-height:1.25;transition:background .2s;display:flex}@media (max-width:768px){.setlist-panel.is-mobile-collapsible .setlist-panel-header{flex-direction:column;align-items:stretch;gap:.4rem}.setlist-panel.is-mobile-collapsible .setlist-panel-header h3{display:none}.setlist-panel.is-mobile-collapsible .setlist-mobile-toggle{width:100%;display:inline-flex}.setlist-panel.is-mobile-collapsible .setlist-panel-body{display:none}.setlist-panel.is-mobile-collapsible.is-mobile-open .setlist-panel-body{display:flex}.setlist-panel.is-mobile-collapsible .setlist-actions{justify-content:flex-end}.setlist-panel.is-mobile-collapsible:not(.is-mobile-open) .setlist-actions{display:none}.setlist-item-button{min-height:var(--control-lg);gap:.45rem;padding:.45rem .5rem;line-height:1.6}}.setlist-items .setlist-item-button{flex:auto;width:auto}.setlist-all .setlist-item-button{width:100%}.setlist-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.setlist-item-button:hover{background:var(--color-surface-hover)}.setlist-items{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.setlist-item{border-radius:6px;align-items:center;gap:.4rem;padding:0 .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-item.is-active .setlist-item-button,.setlist-item-button.is-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.setlist-item-actions{flex:none;gap:.25rem;display:flex}.setlist-action{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .2s;display:inline-flex}.setlist-action:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.setlist-action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.setlist-action svg{width:16px;height:16px}.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{justify-content:center;min-width:4.25rem}.setlist-add-button:hover{transform:translateY(-1px)}.setlist-add-button:focus-visible{transform:translateY(0)}