.playlist-editor-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);display:flex;height:calc(100vh - 120px);margin:20px;overflow:hidden}.playlist-sidebar{border-right:1px solid #e9ecef;display:flex;flex-direction:column;width:50%}.playlist-sidebar:last-child{border-right:none}.sidebar-header{align-items:center;background-color:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px}.sidebar-title{color:#343a40;font-size:18px;font-weight:600}.search-bar{background-color:#fff;border-bottom:1px solid #e9ecef;padding:12px}.search-bar .input-group{border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.05);overflow:hidden}.search-bar .form-control{border:none;height:auto;padding:10px 15px}.search-bar .btn{background-color:#f8f9fa;border:none;color:#6c757d;padding:10px 15px}.search-bar .btn:hover{background-color:#e9ecef;color:#495057}.sidebar-content{flex:1;overflow:hidden}.verse-list{height:100%;overflow-y:auto}.verse-item{background-color:#fff;border-bottom:1px solid #e9ecef;padding:12px 16px;transition:background-color .2s}.verse-item:hover{background-color:#f8f9fa}.verse-reference{color:#495057;font-size:14px;font-weight:600;margin-bottom:4px}.verse-text-truncated{color:#6c757d;font-size:13px;line-height:1.4}.button-add,.button-remove{margin-left:auto;padding-left:10px}.button-add .btn,.button-remove .btn{align-items:center;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;height:36px;justify-content:center;padding:0;width:36px}.button-add .btn{background-color:#28a745;border-color:#28a745}.button-add .btn:hover{background-color:#218838;border-color:#1e7e34}.button-remove .btn{background-color:#dc3545;border-color:#dc3545}.button-remove .btn:hover{background-color:#c82333;border-color:#bd2130}.empty-message{align-items:center;color:#6c757d;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.empty-message i{font-size:48px;margin-bottom:16px;opacity:.5}.loading-spinner{align-items:center;display:flex;height:100%;justify-content:center}.spinner{animation:spin 1s ease-in-out infinite;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#007bff;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.playlist-editor-container{flex-direction:column;height:auto}.playlist-sidebar{border-bottom:1px solid #e9ecef;border-right:none;height:50vh;width:100%}}.verse-content-wrapper{flex:1;max-height:100%;min-width:0;overflow:hidden}