:root{--bg-tertiary: #202225;--bg-secondary: #2f3136;--bg-primary: #36393f;--bg-accent: #40444b;--blurple: #5865F2;--blurple-hover: #4752c4;--green: #3ba55c;--red: #ed4245;--yellow: #faa61a;--text-normal: #dcddde;--text-muted: #72767d;--text-link: #00aff4;--header-primary: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg-tertiary);color:var(--text-normal);min-height:100vh}#app{height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-accent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.nav-sidebar[data-v-dd2e8381]{width:72px;background:var(--bg-tertiary);padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:8px}.nav-item[data-v-dd2e8381]{width:48px;height:48px;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-normal);position:relative}.nav-item[data-v-dd2e8381]:hover,.nav-item.active[data-v-dd2e8381]{border-radius:16px;background:var(--blurple)}.nav-item[data-v-dd2e8381]:before{content:"";position:absolute;left:-12px;width:4px;height:0;background:var(--header-primary);border-radius:0 4px 4px 0;transition:height .2s}.nav-item[data-v-dd2e8381]:hover:before{height:20px}.nav-item.active[data-v-dd2e8381]:before{height:40px}.nav-divider[data-v-dd2e8381]{width:32px;height:2px;background:var(--bg-accent);border-radius:1px;margin:4px 0}.nav-tooltip[data-v-dd2e8381]{position:absolute;left:60px;background:var(--bg-tertiary);color:var(--header-primary);padding:8px 12px;border-radius:4px;font-size:14px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .1s;z-index:100;box-shadow:0 8px 16px #0000003d}.nav-item:hover .nav-tooltip[data-v-dd2e8381]{opacity:1}@media(max-width:600px){.nav-sidebar[data-v-dd2e8381]{width:60px}}.main-header[data-v-ccb1407c]{height:48px;padding:0 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--bg-tertiary);box-shadow:0 1px #0003;flex-shrink:0}.header-title[data-v-ccb1407c]{font-weight:600;font-size:16px;color:var(--header-primary)}.header-status[data-v-ccb1407c]{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--green)}.status-dot[data-v-ccb1407c]{width:8px;height:8px;background:var(--green);border-radius:50%;animation:pulse 2s infinite}.header-status.disconnected[data-v-ccb1407c]{color:var(--red)}.header-status.disconnected .status-dot[data-v-ccb1407c]{background:var(--red);animation:none}.slider-track[data-v-70f67ca6]{flex:1;height:4px;background:var(--bg-accent);border-radius:2px;cursor:pointer;position:relative}.slider-track:hover .slider-fill[data-v-70f67ca6],.slider-track.dragging .slider-fill[data-v-70f67ca6]{background:var(--blurple)}.slider-track:hover .slider-handle[data-v-70f67ca6],.slider-track.dragging .slider-handle[data-v-70f67ca6]{opacity:1}.slider-fill[data-v-70f67ca6]{height:100%;background:var(--header-primary);border-radius:2px;position:relative;transition:background .2s ease}.slider-track.dragging .slider-fill[data-v-70f67ca6]{transition:none}.slider-handle[data-v-70f67ca6]{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--header-primary);border-radius:50%;opacity:0;transition:opacity .1s}.slider-track.disabled[data-v-70f67ca6]{cursor:not-allowed;opacity:.5}.now-playing-bar[data-v-d65df1f9]{position:fixed;bottom:0;left:72px;right:0;height:80px;background:var(--bg-secondary);border-top:1px solid var(--bg-tertiary);display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);align-items:center;padding:0 16px;z-index:100}.np-left[data-v-d65df1f9]{display:flex;align-items:center;gap:14px;min-width:0;overflow:hidden}.np-art[data-v-d65df1f9]{width:56px;height:56px;background:var(--bg-accent);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.np-info[data-v-d65df1f9]{min-width:0}.np-title[data-v-d65df1f9]{font-size:14px;font-weight:500;color:var(--header-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.np-title[data-v-d65df1f9]:hover{text-decoration:underline;cursor:pointer}.np-artist[data-v-d65df1f9]{font-size:12px;color:var(--text-muted)}.np-artist[data-v-d65df1f9]:hover{text-decoration:underline;cursor:pointer;color:var(--text-normal)}.np-center[data-v-d65df1f9]{display:flex;flex-direction:column;align-items:center;gap:8px}.np-controls[data-v-d65df1f9]{display:flex;align-items:center;gap:8px}.np-btn[data-v-d65df1f9]{width:32px;height:32px;background:transparent;border:none;border-radius:50%;color:var(--text-normal);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}.np-btn[data-v-d65df1f9]:hover{color:var(--header-primary);transform:scale(1.1)}.np-btn.active[data-v-d65df1f9]{color:var(--blurple)}.np-btn.play[data-v-d65df1f9]{width:36px;height:36px;background:var(--header-primary);color:var(--bg-tertiary)}.np-btn.play[data-v-d65df1f9]:hover{transform:scale(1.06);background:var(--header-primary)}.np-progress[data-v-d65df1f9]{display:flex;align-items:center;gap:10px;width:100%;max-width:500px}.np-time[data-v-d65df1f9]{font-size:11px;color:var(--text-muted);width:40px;text-align:center;font-variant-numeric:tabular-nums}.np-right[data-v-d65df1f9]{display:flex;align-items:center;justify-content:flex-end;gap:8px}.volume-btn[data-v-d65df1f9]{width:32px;height:32px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.volume-btn[data-v-d65df1f9]:hover{color:var(--text-normal)}.volume-slider[data-v-d65df1f9]{width:100px}@media(max-width:768px){.now-playing-bar[data-v-d65df1f9]{left:60px;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr)}}.popup-overlay[data-v-b52c1236]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.popup[data-v-b52c1236]{position:relative;background:var(--bg-secondary);border-radius:12px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 8px 32px #0000004d}.close-btn[data-v-b52c1236]{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-b52c1236]:hover{color:var(--text-normal);background:var(--bg-tertiary)}.popup-icon[data-v-b52c1236]{color:var(--yellow, #faa61a);margin-bottom:16px}.popup-title[data-v-b52c1236]{font-size:20px;font-weight:600;color:var(--header-primary);margin-bottom:12px}.popup-message[data-v-b52c1236]{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:24px}.settings-btn[data-v-b52c1236]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--blurple);border:none;border-radius:8px;color:var(--header-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.settings-btn[data-v-b52c1236]:hover{background:var(--blurple-dark, #4752c4)}.app-container[data-v-d977d9f3]{display:flex;height:100vh}.main-area[data-v-d977d9f3]{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);padding-bottom:80px}.content[data-v-d977d9f3]{flex:1;overflow-y:auto;padding:20px}.now-playing-hero[data-v-5188e465]{background:linear-gradient(135deg,var(--blurple) 0%,#eb459e 100%);border-radius:8px;padding:24px;margin-bottom:32px;display:flex;align-items:center;gap:24px;position:relative;overflow:hidden}.now-playing-hero[data-v-5188e465]:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:#ffffff1a;border-radius:50%}.now-playing-hero[data-v-5188e465]:after{content:"";position:absolute;bottom:-60%;left:-10%;width:300px;height:300px;background:#0000001a;border-radius:50%}.hero-art[data-v-5188e465]{width:140px;height:140px;background:#0000004d;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;box-shadow:0 8px 24px #0000004d;color:var(--header-primary)}.hero-info[data-v-5188e465]{flex:1;position:relative;z-index:1}.hero-label[data-v-5188e465]{font-size:12px;text-transform:uppercase;letter-spacing:.1em;opacity:.9;margin-bottom:8px;font-weight:600}.hero-title[data-v-5188e465]{font-size:32px;font-weight:700;color:var(--header-primary);margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-artist[data-v-5188e465]{font-size:16px;opacity:.9;margin-bottom:16px}.hero-meta[data-v-5188e465]{display:flex;align-items:center;gap:16px;font-size:13px;opacity:.8}.hero-meta span[data-v-5188e465]{display:flex;align-items:center;gap:6px}.queue-item[data-v-24285129]{display:grid;grid-template-columns:50px 60px 1fr 100px 80px 40px;align-items:center;gap:16px;padding:8px 12px;border-radius:4px;cursor:grab;transition:background .1s;-webkit-user-select:none;user-select:none}.queue-item[data-v-24285129]:active{cursor:grabbing}.queue-item[data-v-24285129]:hover{background:var(--bg-accent)}.queue-item:hover .item-num[data-v-24285129]{opacity:0}.queue-item:hover .item-play[data-v-24285129],.queue-item:hover .item-remove[data-v-24285129]{opacity:1}.queue-item.playing[data-v-24285129]{background:#5865f226}.queue-item.playing .item-title[data-v-24285129]{color:var(--blurple)}.item-index[data-v-24285129]{position:relative;text-align:center}.item-num[data-v-24285129]{font-size:14px;color:var(--text-muted);transition:opacity .1s}.item-play[data-v-24285129]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;color:var(--header-primary);transition:opacity .1s;cursor:pointer}.item-art[data-v-24285129]{width:48px;height:48px;background:var(--bg-accent);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.item-info[data-v-24285129]{min-width:0}.item-title[data-v-24285129]{font-size:14px;font-weight:500;color:var(--header-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.item-artist[data-v-24285129]{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-source[data-v-24285129]{font-size:13px;color:var(--text-muted)}.item-duration[data-v-24285129]{font-size:13px;color:var(--text-muted);text-align:right}.item-remove[data-v-24285129]{width:32px;height:32px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;opacity:0;transition:all .1s;display:flex;align-items:center;justify-content:center}.item-remove[data-v-24285129]:hover{background:#ed424533;color:var(--red)}@media(max-width:900px){.queue-item[data-v-24285129]{grid-template-columns:40px 50px 1fr 60px 40px}.item-source[data-v-24285129]{display:none}}.section[data-v-1829ba80]{margin-bottom:32px}.section-header[data-v-1829ba80]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title[data-v-1829ba80]{font-size:20px;font-weight:700;color:var(--header-primary)}.section-actions[data-v-1829ba80]{display:flex;gap:8px}.section-btn[data-v-1829ba80]{padding:8px 16px;background:var(--bg-accent);border:none;border-radius:4px;color:var(--text-normal);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.section-btn[data-v-1829ba80]:hover{background:var(--blurple);color:var(--header-primary)}.section-btn.danger[data-v-1829ba80]:hover{background:var(--red)}.queue-list[data-v-1829ba80]{display:flex;flex-direction:column;gap:2px}[data-v-1829ba80] .queue-item-ghost{opacity:.2}.queue-list.is-dragging[data-v-1829ba80] .queue-item:hover{background:transparent}.queue-list.is-dragging[data-v-1829ba80] .queue-item:hover .item-remove,.queue-list.is-dragging[data-v-1829ba80] .queue-item:hover .item-play{opacity:0}.queue-list.is-dragging[data-v-1829ba80] .queue-item:hover .item-num{opacity:1}[data-v-1829ba80] .queue-item-drag{opacity:.8!important;background:var(--bg-secondary);box-shadow:0 4px 12px #0006}.now-playing-view[data-v-0b7adfb9]{max-width:1200px}.search-view[data-v-75c5eee0]{max-width:800px}.search-container[data-v-75c5eee0]{position:relative;display:flex;gap:12px;margin-bottom:16px}.search-icon[data-v-75c5eee0]{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input[data-v-75c5eee0]{flex:1;padding:14px 16px 14px 48px;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-normal);font-size:16px}.search-input[data-v-75c5eee0]::placeholder{color:var(--text-muted)}.search-input[data-v-75c5eee0]:focus{outline:none;box-shadow:0 0 0 2px var(--blurple)}.search-input[data-v-75c5eee0]:disabled{opacity:.6;cursor:not-allowed}.add-btn[data-v-75c5eee0]{padding:14px 24px;background:var(--blurple);border:none;border-radius:8px;color:var(--header-primary);font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.add-btn[data-v-75c5eee0]:hover:not(:disabled){background:var(--blurple-dark, #4752c4)}.add-btn[data-v-75c5eee0]:disabled{opacity:.5;cursor:not-allowed}.spinner[data-v-75c5eee0]{animation:spin-75c5eee0 1s linear infinite}@keyframes spin-75c5eee0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message[data-v-75c5eee0]{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.message.error[data-v-75c5eee0]{background:#ed42451a;color:var(--red)}.message.success[data-v-75c5eee0]{background:#57f2871a;color:var(--green)}.search-empty[data-v-75c5eee0]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-icon[data-v-75c5eee0]{margin-bottom:16px;opacity:.5}.empty-title[data-v-75c5eee0]{font-size:24px;font-weight:600;color:var(--header-primary);margin-bottom:8px}.empty-description[data-v-75c5eee0]{font-size:14px;max-width:400px;line-height:1.5}.cache-view[data-v-48780150]{max-width:800px}.cache-header[data-v-48780150]{display:flex;align-items:center;gap:16px;margin-bottom:24px}.cache-title[data-v-48780150]{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--header-primary);margin:0}.cache-summary[data-v-48780150]{font-size:14px;color:var(--text-muted);margin-left:auto}.refresh-btn[data-v-48780150]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-accent);border:none;border-radius:4px;color:var(--text-normal);font-size:14px;cursor:pointer;transition:all .2s}.refresh-btn[data-v-48780150]:hover:not(:disabled){background:var(--blurple);color:var(--header-primary)}.refresh-btn[data-v-48780150]:disabled{opacity:.5;cursor:not-allowed}.spinning[data-v-48780150]{animation:spin-48780150 1s linear infinite}@keyframes spin-48780150{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-48780150]{padding:16px;background:#ed42451a;color:var(--red);border-radius:8px;margin-bottom:16px}.loading[data-v-48780150]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);gap:16px}.cache-list[data-v-48780150]{display:flex;flex-direction:column;gap:4px}.cache-item[data-v-48780150]{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;transition:background .2s}.cache-item[data-v-48780150]:hover{background:var(--bg-tertiary)}.cache-icon[data-v-48780150]{width:40px;height:40px;background:var(--bg-accent);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.cache-info[data-v-48780150]{flex:1;min-width:0}.cache-name[data-v-48780150]{font-size:14px;font-weight:500;color:var(--header-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.cache-meta[data-v-48780150]{display:flex;gap:12px;font-size:12px;color:var(--text-muted)}.add-queue-btn[data-v-48780150],.delete-btn[data-v-48780150]{width:36px;height:36px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-queue-btn[data-v-48780150]:hover:not(:disabled){background:var(--blurple);color:var(--header-primary)}.add-queue-btn[data-v-48780150]:disabled{opacity:.5;cursor:not-allowed}.delete-btn[data-v-48780150]:hover{background:var(--red);color:var(--header-primary)}.empty-state[data-v-48780150]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state h2[data-v-48780150]{font-size:20px;font-weight:600;color:var(--header-primary);margin:16px 0 8px}.empty-state p[data-v-48780150]{font-size:14px}.playlist-list-container[data-v-a642c872]{width:100%}.list-header[data-v-a642c872]{display:flex;align-items:center;gap:16px;margin-bottom:24px}.list-title[data-v-a642c872]{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--header-primary);margin:0}.refresh-btn[data-v-a642c872]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-accent);border:none;border-radius:4px;color:var(--text-normal);font-size:14px;cursor:pointer;transition:all .2s;margin-left:auto}.refresh-btn[data-v-a642c872]:hover:not(:disabled){background:var(--blurple);color:var(--header-primary)}.refresh-btn[data-v-a642c872]:disabled{opacity:.5;cursor:not-allowed}.create-playlist[data-v-a642c872]{display:flex;gap:8px;margin-bottom:24px}.create-playlist input[data-v-a642c872]{flex:1;padding:12px 16px;background:var(--bg-secondary);border:none;border-radius:4px;color:var(--text-normal);font-size:14px}.create-playlist input[data-v-a642c872]::placeholder{color:var(--text-muted)}.create-playlist button[data-v-a642c872]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--blurple);border:none;border-radius:4px;color:var(--header-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.create-playlist button[data-v-a642c872]:hover:not(:disabled){background:var(--blurple-hover)}.create-playlist button[data-v-a642c872]:disabled{opacity:.5;cursor:not-allowed}.spinning[data-v-a642c872]{animation:spin-a642c872 1s linear infinite}@keyframes spin-a642c872{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-a642c872]{display:flex;align-items:center;padding:16px;background:#ed42451a;color:var(--red);border-radius:8px;margin-bottom:16px}.dismiss-btn[data-v-a642c872]{margin-left:auto;background:transparent;border:none;color:var(--red);font-size:20px;cursor:pointer;padding:0 8px}.loading[data-v-a642c872]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);gap:16px}.playlist-list[data-v-a642c872]{display:flex;flex-direction:column;gap:4px}.playlist-item[data-v-a642c872]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;transition:background .2s;cursor:pointer}.playlist-item[data-v-a642c872]:hover{background:var(--bg-tertiary)}.playlist-icon[data-v-a642c872]{width:36px;height:36px;background:var(--bg-accent);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.playlist-info[data-v-a642c872]{flex:1;min-width:0}.playlist-name[data-v-a642c872]{font-size:14px;font-weight:500;color:var(--header-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-meta[data-v-a642c872]{font-size:12px;color:var(--text-muted);margin-top:2px}.play-btn[data-v-a642c872],.delete-btn[data-v-a642c872]{width:36px;height:36px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.play-btn[data-v-a642c872]:hover:not(:disabled){background:var(--blurple);color:var(--header-primary)}.play-btn[data-v-a642c872]:disabled{opacity:.5;cursor:not-allowed}.delete-btn[data-v-a642c872]:hover{background:var(--red);color:var(--header-primary)}.empty-state[data-v-a642c872]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state h2[data-v-a642c872]{font-size:20px;font-weight:600;color:var(--header-primary);margin:16px 0 8px}.empty-state p[data-v-a642c872]{font-size:14px}.track-item[data-v-8e0b5ac8]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;transition:background .2s}.track-item[data-v-8e0b5ac8]:hover{background:var(--bg-tertiary)}.drag-handle[data-v-8e0b5ac8]{cursor:grab;color:var(--text-muted);padding:4px}.drag-handle[data-v-8e0b5ac8]:active{cursor:grabbing}.track-index[data-v-8e0b5ac8]{width:24px;text-align:center;font-size:12px;color:var(--text-muted)}.track-icon[data-v-8e0b5ac8]{width:32px;height:32px;background:var(--bg-accent);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.track-info[data-v-8e0b5ac8]{flex:1;min-width:0}.track-title[data-v-8e0b5ac8]{font-size:14px;font-weight:500;color:var(--header-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-url[data-v-8e0b5ac8]{font-size:12px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-duration[data-v-8e0b5ac8]{font-size:12px;color:var(--text-muted);padding:0 8px}.inline-loader[data-v-8e0b5ac8]{display:inline-block;margin-right:6px;vertical-align:middle}.spinning[data-v-8e0b5ac8]{animation:spin-8e0b5ac8 1s linear infinite}@keyframes spin-8e0b5ac8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.delete-btn[data-v-8e0b5ac8]{width:36px;height:36px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.delete-btn[data-v-8e0b5ac8]:hover{background:var(--red);color:var(--header-primary)}.playlist-editor[data-v-34ae4ca8]{width:100%}.editor-header[data-v-34ae4ca8]{display:flex;align-items:center;gap:16px;margin-bottom:24px}.editor-title[data-v-34ae4ca8]{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--header-primary);margin:0}.back-btn[data-v-34ae4ca8]{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--bg-accent);border:none;border-radius:4px;color:var(--text-normal);font-size:14px;cursor:pointer;transition:all .2s}.back-btn[data-v-34ae4ca8]:hover{background:var(--bg-tertiary)}.playlist-title-section[data-v-34ae4ca8]{display:flex;align-items:center;gap:8px;flex:1}.edit-name-input[data-v-34ae4ca8]{font-size:24px;font-weight:700;background:var(--bg-secondary);border:1px solid var(--blurple);border-radius:4px;color:var(--header-primary);padding:4px 12px;width:300px}.icon-btn[data-v-34ae4ca8]{width:32px;height:32px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn[data-v-34ae4ca8]:hover{background:var(--bg-accent);color:var(--header-primary)}.icon-btn.save[data-v-34ae4ca8]:hover{background:var(--green)}.icon-btn.cancel[data-v-34ae4ca8]:hover{background:var(--red)}.track-count[data-v-34ae4ca8]{font-size:14px;color:var(--text-muted);margin-left:auto}.reorder-controls[data-v-34ae4ca8]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-accent);border-radius:8px;margin-bottom:16px}.reorder-controls span[data-v-34ae4ca8]{color:var(--text-normal);font-size:14px}.save-btn[data-v-34ae4ca8],.cancel-btn[data-v-34ae4ca8]{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.save-btn[data-v-34ae4ca8]{background:var(--green);color:var(--header-primary);margin-left:auto}.save-btn[data-v-34ae4ca8]:hover{filter:brightness(1.1)}.cancel-btn[data-v-34ae4ca8]{background:var(--bg-tertiary);color:var(--text-normal)}.cancel-btn[data-v-34ae4ca8]:hover{background:var(--red);color:var(--header-primary)}.add-track[data-v-34ae4ca8]{display:flex;gap:8px;margin-bottom:24px}.add-track input[data-v-34ae4ca8]{flex:1;padding:12px 16px;background:var(--bg-secondary);border:none;border-radius:4px;color:var(--text-normal);font-size:14px}.add-track input[data-v-34ae4ca8]::placeholder{color:var(--text-muted)}.add-track button[data-v-34ae4ca8]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--blurple);border:none;border-radius:4px;color:var(--header-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-track button[data-v-34ae4ca8]:hover:not(:disabled){background:var(--blurple-hover)}.add-track button[data-v-34ae4ca8]:disabled{opacity:.5;cursor:not-allowed}.spinning[data-v-34ae4ca8]{animation:spin-34ae4ca8 1s linear infinite}@keyframes spin-34ae4ca8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-34ae4ca8]{display:flex;align-items:center;padding:16px;background:#ed42451a;color:var(--red);border-radius:8px;margin-bottom:16px}.dismiss-btn[data-v-34ae4ca8]{margin-left:auto;background:transparent;border:none;color:var(--red);font-size:20px;cursor:pointer;padding:0 8px}.loading[data-v-34ae4ca8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);gap:16px}.track-list[data-v-34ae4ca8]{display:flex;flex-direction:column;gap:4px}.empty-state[data-v-34ae4ca8]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state h2[data-v-34ae4ca8]{font-size:20px;font-weight:600;color:var(--header-primary);margin:16px 0 8px}.empty-state p[data-v-34ae4ca8]{font-size:14px}.playlists-view[data-v-f923f5cb]{max-width:800px}.settings-view[data-v-7c91382d]{max-width:600px}.setting-section[data-v-7c91382d]{margin-bottom:32px}.section-title[data-v-7c91382d]{font-size:18px;font-weight:600;color:var(--header-primary);margin-bottom:8px}.section-description[data-v-7c91382d]{font-size:14px;color:var(--text-muted);margin-bottom:20px}.api-key-form[data-v-7c91382d]{display:flex;gap:12px;margin-bottom:12px}.input-group[data-v-7c91382d]{flex:1;position:relative}.input-icon[data-v-7c91382d]{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.api-key-input[data-v-7c91382d]{width:100%;padding:12px 12px 12px 44px;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;color:var(--text-normal);font-size:14px;font-family:monospace}.api-key-input[data-v-7c91382d]::placeholder{color:var(--text-muted)}.api-key-input[data-v-7c91382d]:focus{outline:none;border-color:var(--blurple)}.save-btn[data-v-7c91382d]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--blurple);border:none;border-radius:8px;color:var(--header-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.save-btn[data-v-7c91382d]:hover{background:var(--blurple-dark, #4752c4)}.save-btn.saved[data-v-7c91382d]{background:var(--green)}.help-text[data-v-7c91382d]{font-size:12px;color:var(--text-muted);line-height:1.5}