*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}ol,ul{list-style:none}html{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}.youtube-player-container[data-v-1568fc0a]{display:flex;flex:1;flex-direction:column;height:100%;width:100%}.youtube-player[data-v-1568fc0a]{flex:1;height:100%;width:100%}.song-list-container[data-v-90cca7e0]{background:#f9f9f9;display:flex;flex-direction:column;height:100%}.search-section[data-v-90cca7e0]{background:#fff;border-bottom:1px solid #e0e0e0;padding:16px}.search-input-container[data-v-90cca7e0]{display:flex;gap:8px}.search-input[data-v-90cca7e0]{border:2px solid #e0e0e0;border-radius:8px;flex:1;font-size:14px;padding:10px 16px;transition:border-color .2s}.search-input[data-v-90cca7e0]:focus{border-color:#667eea;outline:none}.clear-button[data-v-90cca7e0],.search-button[data-v-90cca7e0]{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:10px 16px;transition:all .2s}.search-button[data-v-90cca7e0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.search-button[data-v-90cca7e0]:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.clear-button[data-v-90cca7e0]{background:#fee;color:#d33}.clear-button[data-v-90cca7e0]:hover{background:#fdd}.song-list[data-v-90cca7e0]{flex:1;overflow-y:auto;padding:16px}.song-list-item[data-v-90cca7e0]{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s}.song-list-item[data-v-90cca7e0]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.song-list-item.selected[data-v-90cca7e0]{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #667eea}.item-thumbnail[data-v-90cca7e0]{border-radius:8px;cursor:pointer;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:80px}.item-thumbnail img[data-v-90cca7e0]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.play-overlay[data-v-90cca7e0]{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:100%}.song-list-item:hover .play-overlay[data-v-90cca7e0]{opacity:1}.play-icon[data-v-90cca7e0]{color:#fff;font-size:32px}.item-content[data-v-90cca7e0]{cursor:pointer;flex:1;min-width:0}.item-title[data-v-90cca7e0]{font-size:16px;font-weight:600}.item-artist[data-v-90cca7e0],.item-title[data-v-90cca7e0]{margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-artist[data-v-90cca7e0]{color:#666;font-size:14px}.item-singers[data-v-90cca7e0]{display:flex;flex-wrap:wrap;gap:4px}.singer-tag[data-v-90cca7e0]{background:#f0f0f0;border-radius:4px;color:#666;font-size:12px;padding:2px 8px}.item-actions[data-v-90cca7e0]{display:flex;gap:8px}.action-button[data-v-90cca7e0]{background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s}.action-button[data-v-90cca7e0]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.1)}.error[data-v-90cca7e0],.loading[data-v-90cca7e0],.no-songs[data-v-90cca7e0]{align-items:center;color:#666;display:flex;flex:1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.error button[data-v-90cca7e0]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:10px 20px}.play-queue-container[data-v-1f879c54]{background:#f9f9f9;display:flex;flex-direction:column;height:100%}.queue-header[data-v-1f879c54]{background:#fff;border-bottom:1px solid #e0e0e0;padding:16px}.queue-header h3[data-v-1f879c54]{font-size:18px;font-weight:600;margin:0 0 12px}.queue-actions[data-v-1f879c54]{display:flex;gap:8px}.queue-actions button[data-v-1f879c54]{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.continuous-play-button[data-v-1f879c54]{background:#e0e0e0;color:#666}.continuous-play-button.active[data-v-1f879c54]{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.save-button[data-v-1f879c54]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.save-button[data-v-1f879c54]:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.clear-button[data-v-1f879c54]{background:#fee;color:#d33}.clear-button[data-v-1f879c54]:hover:not(:disabled){background:#fdd}.queue-actions button[data-v-1f879c54]:disabled{cursor:not-allowed;opacity:.5}.empty-queue[data-v-1f879c54]{align-items:center;color:#999;display:flex;flex:1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.empty-queue .hint[data-v-1f879c54]{font-size:14px;margin-top:8px}.queue-list[data-v-1f879c54]{flex:1;overflow-y:auto;padding:8px}.draggable-list[data-v-1f879c54]{display:flex;flex-direction:column;gap:8px}.queue-item[data-v-1f879c54]{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.queue-item[data-v-1f879c54]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.queue-item.current[data-v-1f879c54]{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #667eea}.queue-item.next[data-v-1f879c54]{background:linear-gradient(135deg,#11998e15,#38ef7d15);border:2px solid #11998e}.drag-handle[data-v-1f879c54]{color:#ccc;cursor:grab;font-size:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-handle[data-v-1f879c54]:active{cursor:grabbing}.item-thumbnail[data-v-1f879c54]{border-radius:4px;flex-shrink:0;height:60px;overflow:hidden;position:relative;width:60px}.item-thumbnail img[data-v-1f879c54]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.next-indicator[data-v-1f879c54],.playing-indicator[data-v-1f879c54]{align-items:center;background:#667eeacc;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.playing-indicator .icon[data-v-1f879c54]{color:#fff;font-size:24px}.next-indicator[data-v-1f879c54]{background:#11998ecc}.next-indicator .badge[data-v-1f879c54]{background:#fff;border-radius:4px;color:#11998e;font-size:12px;font-weight:600;padding:4px 8px}.item-content[data-v-1f879c54]{flex:1;min-width:0}.item-title[data-v-1f879c54]{font-size:14px;font-weight:600}.item-artist[data-v-1f879c54],.item-title[data-v-1f879c54]{margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-artist[data-v-1f879c54]{color:#666;font-size:12px}.item-singers[data-v-1f879c54]{display:flex;flex-wrap:wrap;gap:4px}.singer-tag[data-v-1f879c54]{background:#f0f0f0;border-radius:4px;color:#666;font-size:11px;padding:2px 6px}.remove-button[data-v-1f879c54]{background:#f0f0f0;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:16px;padding:4px 8px;transition:all .2s}.remove-button[data-v-1f879c54]:hover{background:#fee;color:#d33}.modal-overlay[data-v-1f879c54]{align-items:center;background:#00000080;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}.modal-content[data-v-1f879c54]{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:90%;min-width:400px;padding:24px}.modal-content h3[data-v-1f879c54]{font-size:20px;font-weight:600;margin:0 0 16px}.modal-input[data-v-1f879c54]{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.modal-input[data-v-1f879c54]:focus{border-color:#667eea;outline:none}.modal-actions[data-v-1f879c54]{display:flex;gap:12px;margin-top:20px}.modal-actions button[data-v-1f879c54]{border:none;border-radius:8px;cursor:pointer;flex:1;font-size:16px;font-weight:600;padding:12px;transition:all .2s}.cancel-button[data-v-1f879c54]{background:#f0f0f0;color:#333}.cancel-button[data-v-1f879c54]:hover{background:#e0e0e0}.confirm-button[data-v-1f879c54]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-button[data-v-1f879c54]:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.confirm-button[data-v-1f879c54]:disabled{cursor:not-allowed;opacity:.5}.playlist-list-container[data-v-a24cef35]{padding:20px}.playlist-header[data-v-a24cef35]{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.playlist-header h2[data-v-a24cef35]{font-size:24px;font-weight:600;margin:0}.create-button[data-v-a24cef35]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:transform .2s,box-shadow .2s}.create-button[data-v-a24cef35]:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.playlist-grid[data-v-a24cef35]{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.playlist-card[data-v-a24cef35]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.playlist-card[data-v-a24cef35]:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.playlist-thumbnail[data-v-a24cef35]{background:linear-gradient(135deg,#667eea,#764ba2);padding-bottom:100%;position:relative;width:100%}.playlist-thumbnail img[data-v-a24cef35]{-o-object-fit:cover;object-fit:cover}.no-thumbnail[data-v-a24cef35],.playlist-thumbnail img[data-v-a24cef35]{height:100%;left:0;position:absolute;top:0;width:100%}.no-thumbnail[data-v-a24cef35]{align-items:center;display:flex;justify-content:center}.no-thumbnail .icon[data-v-a24cef35]{font-size:48px;opacity:.5}.play-overlay[data-v-a24cef35]{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:100%}.playlist-card:hover .play-overlay[data-v-a24cef35]{opacity:1}.play-icon[data-v-a24cef35]{color:#fff;font-size:36px}.playlist-info[data-v-a24cef35]{padding:12px}.playlist-name[data-v-a24cef35]{font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-meta[data-v-a24cef35]{color:#666;font-size:14px}.playlist-actions[data-v-a24cef35]{display:flex;gap:8px;padding:0 12px 12px}.action-button[data-v-a24cef35]{background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;flex:1;font-size:16px;padding:6px;transition:background .2s}.action-button[data-v-a24cef35]:hover{background:#e0e0e0}.action-button.delete[data-v-a24cef35]:hover{background:#fee;color:#d33}.error[data-v-a24cef35],.loading[data-v-a24cef35],.no-playlists[data-v-a24cef35]{color:#666;padding:40px;text-align:center}.error button[data-v-a24cef35],.no-playlists button[data-v-a24cef35]{margin-top:16px}.modal-overlay[data-v-a24cef35]{align-items:center;background:#00000080;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}.modal-content[data-v-a24cef35]{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:90%;min-width:400px;padding:24px}.modal-content h3[data-v-a24cef35]{font-size:20px;font-weight:600;margin:0 0 16px}.modal-input[data-v-a24cef35]{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.modal-input[data-v-a24cef35]:focus{border-color:#667eea;outline:none}.modal-actions[data-v-a24cef35]{display:flex;gap:12px;margin-top:20px}.modal-actions button[data-v-a24cef35]{border:none;border-radius:8px;cursor:pointer;flex:1;font-size:16px;font-weight:600;padding:12px;transition:all .2s}.cancel-button[data-v-a24cef35]{background:#f0f0f0;color:#333}.cancel-button[data-v-a24cef35]:hover{background:#e0e0e0}.confirm-button[data-v-a24cef35]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-button[data-v-a24cef35]:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.confirm-button[data-v-a24cef35]:disabled{cursor:not-allowed;opacity:.5}.confirm-button.delete[data-v-a24cef35]{background:linear-gradient(135deg,#f093fb,#f5576c)}.confirm-button.delete[data-v-a24cef35]:hover{box-shadow:0 4px 12px #f5576c66}.playlist-detail-container[data-v-6d93125f]{background:#f9f9f9;display:flex;flex-direction:column;height:100%}.detail-header[data-v-6d93125f]{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:16px;padding:20px}.back-button[data-v-6d93125f]{background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background .2s}.back-button[data-v-6d93125f]:hover{background:#e0e0e0}.detail-header h2[data-v-6d93125f]{flex:1;font-size:24px;font-weight:600;margin:0}.header-actions[data-v-6d93125f]{display:flex;gap:8px}.action-button[data-v-6d93125f]{background:#f0f0f0;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.action-button[data-v-6d93125f]:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.action-button.primary[data-v-6d93125f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-button.primary[data-v-6d93125f]:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.action-button.delete[data-v-6d93125f]:hover{background:#fee;color:#d33}.action-button[data-v-6d93125f]:disabled{cursor:not-allowed;opacity:.5}.song-list[data-v-6d93125f]{flex:1;overflow-y:auto;padding:16px}.song-item[data-v-6d93125f]{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s}.song-item[data-v-6d93125f]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.item-position[data-v-6d93125f]{color:#999;font-size:16px;font-weight:600;text-align:center;width:32px}.item-thumbnail[data-v-6d93125f]{border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:80px}.item-thumbnail img[data-v-6d93125f]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.play-overlay[data-v-6d93125f]{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:100%}.song-item:hover .play-overlay[data-v-6d93125f]{opacity:1}.play-icon[data-v-6d93125f]{color:#fff;font-size:32px}.item-content[data-v-6d93125f]{flex:1;min-width:0}.item-title[data-v-6d93125f]{font-size:16px;font-weight:600}.item-artist[data-v-6d93125f],.item-title[data-v-6d93125f]{margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-artist[data-v-6d93125f]{color:#666;font-size:14px}.item-singers[data-v-6d93125f]{display:flex;flex-wrap:wrap;gap:4px}.singer-tag[data-v-6d93125f]{background:#f0f0f0;border-radius:4px;color:#666;font-size:12px;padding:2px 8px}.item-actions[data-v-6d93125f]{display:flex;gap:8px}.item-actions .action-button[data-v-6d93125f]{font-size:14px;padding:8px 12px}.empty-playlist[data-v-6d93125f],.error[data-v-6d93125f],.loading[data-v-6d93125f]{align-items:center;color:#666;display:flex;flex:1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.error button[data-v-6d93125f]{margin-top:16px}.modal-overlay[data-v-6d93125f]{align-items:center;background:#00000080;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}.modal-content[data-v-6d93125f]{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:90%;min-width:400px;padding:24px}.modal-content h3[data-v-6d93125f]{font-size:20px;font-weight:600;margin:0 0 16px}.modal-actions[data-v-6d93125f]{display:flex;gap:12px;margin-top:20px}.modal-actions button[data-v-6d93125f]{border:none;border-radius:8px;cursor:pointer;flex:1;font-size:16px;font-weight:600;padding:12px;transition:all .2s}.cancel-button[data-v-6d93125f]{background:#f0f0f0;color:#333}.cancel-button[data-v-6d93125f]:hover{background:#e0e0e0}.confirm-button[data-v-6d93125f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-button[data-v-6d93125f]:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.confirm-button.delete[data-v-6d93125f]{background:linear-gradient(135deg,#f093fb,#f5576c)}.confirm-button.delete[data-v-6d93125f]:hover{box-shadow:0 4px 12px #f5576c66}.app-container[data-v-823cc8d5]{background:#f5f5f5;height:100vh;overflow:hidden;width:100%}.main-layout[data-v-823cc8d5]{display:flex;height:100%;width:100%}.video-section[data-v-823cc8d5]{background:#1a1a1a;display:flex;flex-direction:column;padding:20px;width:40%}.video-player-container[data-v-823cc8d5]{align-items:center;background:#000;border-radius:12px;display:flex;flex:1;justify-content:center;overflow:hidden}.video-placeholder[data-v-823cc8d5],.video-player[data-v-823cc8d5]{height:100%;width:100%}.video-placeholder[data-v-823cc8d5]{align-items:center;color:#666;display:flex;justify-content:center}.placeholder-content[data-v-823cc8d5]{text-align:center}.placeholder-icon[data-v-823cc8d5]{display:block;font-size:64px;margin-bottom:16px;opacity:.3}.player-controls[data-v-823cc8d5]{display:flex;gap:12px;justify-content:center;margin-top:20px}.continuous-play-toggle[data-v-823cc8d5],.control-button[data-v-823cc8d5]{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.control-button[data-v-823cc8d5]{background:#2a2a2a;color:#fff}.control-button[data-v-823cc8d5]:hover:not(:disabled){background:#3a3a3a;transform:translateY(-2px)}.control-button[data-v-823cc8d5]:disabled{cursor:not-allowed;opacity:.3}.continuous-play-toggle[data-v-823cc8d5]{background:#2a2a2a;color:#999}.continuous-play-toggle.active[data-v-823cc8d5]{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.continuous-play-toggle[data-v-823cc8d5]:hover{transform:translateY(-2px)}.content-section[data-v-823cc8d5]{background:#fff;display:flex;flex:1;flex-direction:column;overflow:hidden}.tab-navigation[data-v-823cc8d5]{background:#fff;border-bottom:2px solid #e0e0e0;display:flex}.tab-button[data-v-823cc8d5]{background:transparent;border:none;border-bottom:3px solid transparent;color:#666;cursor:pointer;flex:1;font-size:16px;font-weight:600;padding:16px;transition:all .2s}.tab-button[data-v-823cc8d5]:hover{background:#f9f9f9;color:#333}.tab-button.active[data-v-823cc8d5]{background:#f9f9f9;border-bottom-color:#667eea;color:#667eea}.tab-content[data-v-823cc8d5]{flex:1;overflow:hidden}.tab-pane[data-v-823cc8d5]{height:100%;overflow-y:auto}