:root{--bg: #101014;--bg-raised: #17171d;--bg-hover: #1e1e26;--border: #2a2a33;--text: #e8e8ee;--text-dim: #8b8b99;--accent: #7c6cf0;--green: #3fbf6f;--amber: #d9a23c;--red: #e05555}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{font:inherit;cursor:pointer}input{font:inherit}.muted{color:var(--text-dim)}.error-text{color:var(--red);font-size:13px;min-height:1em;margin:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--bg-raised);position:sticky;top:0;z-index:10}.brand{font-weight:700;letter-spacing:.3px;font-size:18px}.topbar-right{display:flex;align-items:center;gap:14px}.page{max-width:860px;margin:0 auto;padding:20px 16px 80px}.primary{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:9px 18px}.primary:hover:not(:disabled){filter:brightness(1.12)}.primary:disabled,.ghost:disabled{opacity:.5;cursor:default}.ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 14px}.ghost:hover:not(:disabled){background:var(--bg-hover)}.small{padding:5px 12px;font-size:13px}.link{background:none;border:none;color:var(--accent);padding:6px 0}.link:hover{text-decoration:underline}.icon{background:transparent;border:none;color:var(--text-dim);font-size:15px;padding:6px 8px;border-radius:6px;line-height:1}.icon:hover{background:var(--bg-hover);color:var(--text)}.icon.danger:hover{color:var(--red)}.field{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 12px}.field:focus,.search:focus{outline:none;border-color:var(--accent)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;padding:32px}.auth-card{width:100%;max-width:360px;text-align:center}.auth-card .brand{font-size:24px;margin:0 0 4px}.auth-sub{margin:0 0 20px}.auth-form{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.dropzone{border:2px dashed var(--border);border-radius:14px;padding:34px 16px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:var(--bg-raised)}.dz-big{font-size:17px;font-weight:600;margin-bottom:4px}.dz-sub{font-size:13px}.upload-queue{margin-top:12px;display:flex;flex-direction:column;gap:8px}.upload-item{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.upload-item.finished{opacity:.75}.upload-head{display:flex;align-items:center;gap:10px}.upload-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.upload-size{font-size:12px;flex-shrink:0}.upload-note{font-size:12px;margin-top:3px}.upload-note:empty{display:none}.bar{height:4px;background:var(--bg);border-radius:2px;margin-top:8px;overflow:hidden}.bar-fill{height:100%;width:0;background:var(--accent);border-radius:2px;transition:width .2s}.clear-btn{margin-top:10px}.chip,.badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:20px;flex-shrink:0;white-space:nowrap}.chip-queued{background:var(--bg-hover);color:var(--text-dim)}.chip-uploading,.badge-uploading,.badge-processing{background:#d9a23c29;color:var(--amber)}.chip-done,.badge-ready{background:#3fbf6f29;color:var(--green)}.chip-duplicate{background:#7c6cf02e;color:var(--accent)}.chip-error,.badge-failed{background:#e0555529;color:var(--red)}.list-head{display:flex;align-items:center;gap:14px;margin:26px 0 12px}.search{flex:1;background:var(--bg-raised);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:9px 14px}.count{font-size:13px;flex-shrink:0}.track-list{display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center;gap:12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;padding:8px 12px}.row:hover{background:var(--bg-hover)}.row.playing{border-color:var(--accent)}.cover{width:42px;height:42px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--bg)}.cover.placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:18px}.meta{flex:1;min-width:0}.meta .title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta .sub{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dur{font-size:13px;font-variant-numeric:tabular-nums;flex-shrink:0}.actions{display:flex;gap:2px;flex-shrink:0}.edit-form{display:flex;align-items:center;gap:8px;width:100%;flex-wrap:wrap}.edit-form .edit-input{flex:1;min-width:140px;width:auto}.empty{text-align:center;padding:40px 0}@media(max-width:560px){.page{padding:14px 10px 60px}.dur,.upload-size{display:none}.row{flex-wrap:wrap}}