:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;height:100svh;width:100svw;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;display:flex;justify-content:center}.app{width:100%;max-width:600px;padding:64px 16px;box-sizing:border-box}.title{text-align:center;margin:0 0 24px}.card{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:12px;background:#7f7f7f14;border:1px solid rgba(127,127,127,.2)}.tab{display:flex;flex-direction:column;gap:16px}.tab[hidden]{display:none}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.9em;opacity:.8}.field input,.field textarea{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:8px;border:1px solid rgba(127,127,127,.35);background:transparent;color:inherit;font:inherit;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:#646cff}.mono{font-family:ui-monospace,monospace!important;font-size:.9em!important}.actions{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.actions--end{justify-content:flex-end}button.primary{background:#646cff;color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.segmented{display:flex;gap:4px;padding:4px;border-radius:10px;background:#7f7f7f26}.segmented--stretch button{flex:1}.segmented button{background:transparent}.segmented button.active{background:#5b5a5a;color:#fff}.status-list h3{margin:8px 0}.status-list ol{margin:0;padding-left:24px}.result{word-break:break-word}.spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;vertical-align:-.15em;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.muted{opacity:.6}.jobs h3{margin:8px 0}.jobs>ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.job{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:10px;background:#7f7f7f1f}.job__header{display:flex;align-items:center;gap:10px;line-height:1.5}.job__title{font-weight:600;white-space:nowrap;flex:1}.job__dismiss{padding:0 6px;border:0;height:1.5em;background:transparent;font-size:1em;line-height:inherit}.job__dismiss:not(:disabled):hover{color:#e03131}.job__progress{display:flex;align-items:center;gap:12px;font-size:.9em;white-space:nowrap}.progress{flex:1;height:8px;border-radius:4px;background:#7f7f7f33;overflow:hidden;display:flex}.progress__fill{background:#2fb344;transition:width .3s}.progress__fail{background:#e03131;margin-left:auto;transition:width .3s}.job__summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap}button.small{padding:.3em .8em;font-size:.9em;margin-left:auto}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:.2em .7em;font-size:.85em;border-radius:999px;background:#7f7f7f26}.chip.active{background:#5b5a5a;color:#fff}.chip--toggle{margin-left:auto;background:transparent}.chip--downloading{color:#22b8cf}.chip--retrying{color:#f08c00}.chip--done{color:#2fb344}.chip--failed{color:#e03131}.tracks{list-style:none;margin:0;padding:0;max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.track{display:flex;align-items:center;gap:10px;padding:6px;border-radius:8px}.track:hover{background:#7f7f7f1a}.track__cover{width:36px;height:36px;flex-shrink:0;border-radius:6px;object-fit:cover}.track__cover--empty{display:grid;place-items:center;background:#7f7f7f33;opacity:.7}.track__info{flex:1;min-width:0;line-height:1.3}.track__title,.track__meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track__meta{font-size:.85em;opacity:.65}.track__error{font-size:.8em;color:#e03131;word-break:break-word}.badge{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:.15em .6em;border-radius:999px;font-size:.8em;font-weight:500;white-space:nowrap;background:#7f7f7f26}.badge--queued{opacity:.6}.badge--downloading,.badge--stream-connecting,.badge--stream-live{color:#22b8cf;background:#22b8cf1f}.badge--retrying,.badge--stream-reconnecting{color:#f08c00;background:#f08c001f}.badge--done,.badge--stream-finished{color:#2fb344;background:#2fb3441f}.badge--failed,.badge--stream-gone{color:#e03131;background:#e031311f}.status--pending{color:gray}.status--processing{color:#22b8cf}.status--done{color:#2fb344}.status--warning{color:#f08c00}.status--error{color:#e03131}