:root{--bg:#f6f6f4;--panel:#fff;--panel-2:#f0f0ed;--text:#1c1c1a;--muted:#6b6b66;--border:#e3e3df;--accent:#e5484d;--accent-ink:#fff;--accent-soft:#fdecec;--ok:#2f8f5b;--ok-soft:#e5f4ec;--warn:#b26a00;--warn-soft:#fdf1dc;--radius:10px;--shadow:0 1px 2px #0000000a, 0 4px 16px #0000000d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141413;--panel:#1d1d1b;--panel-2:#262624;--text:#ececea;--muted:#9b9b95;--border:#2f2f2c;--accent-soft:#3a1d1e;--ok-soft:#17301f;--warn-soft:#3a2a10;--shadow:0 1px 2px #0000004d}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);flex-direction:column;font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;display:flex}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}[hidden]{display:none!important}.topbar{background:var(--panel);border-bottom:1px solid var(--border);z-index:5;align-items:center;gap:24px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:15px;font-weight:650;display:flex}.logo{background:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M8 10h12M8 16h12M8 22h7' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M20 19l6 3.5-6 3.5z' fill='white'/%3E%3C/svg%3E");border-radius:7px;width:26px;height:26px}.tabs{gap:4px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 14px;font-weight:550}.tab:hover,.tab.active{background:var(--panel-2);color:var(--text)}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.quota{color:var(--muted);gap:14px;font-size:12px;display:flex}.quota .meter{align-items:center;gap:6px;display:flex}.quota .bar{background:var(--panel-2);border-radius:3px;width:64px;height:5px;overflow:hidden}.quota .bar>i{background:var(--ok);height:100%;display:block}.quota .bar.low>i{background:var(--warn)}.quota .bar.is-empty>i{background:var(--accent)}.btn{border:1px solid var(--border);background:var(--panel);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-weight:550;text-decoration:none;display:inline-flex}.btn:hover{background:var(--panel-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(.95)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--panel-2)}.btn.small{padding:4px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=search],select,textarea{border:1px solid var(--border);background:var(--panel);border-radius:8px;width:100%;padding:7px 10px}textarea{resize:vertical;min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}label.field{gap:5px;font-size:13px;font-weight:550;display:grid}.muted{color:var(--muted)}.small{font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}main{flex:1;min-height:0}.center{place-items:center;padding:60px 20px;display:grid}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;max-width:560px;padding:28px}.card h1{margin:0 0 8px;font-size:20px}.card ol{padding-left:20px}.card li{margin:6px 0}code{background:var(--panel-2);border-radius:4px;padding:1px 5px;font-size:12.5px}.lists-layout{grid-template-columns:300px 1fr;height:calc(100vh - 53px);display:grid}.sidebar{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;min-height:0;display:flex}.sidebar-head{border-bottom:1px solid var(--border);padding:14px}.pl-list{padding:6px;overflow:auto}.sidebar-open{border-bottom:1px solid var(--border);gap:6px;padding:10px 14px;display:flex}.sidebar-open input{font-size:12.5px}.pl{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:56px 1fr;align-items:center;gap:10px;width:100%;padding:7px;display:grid}.pl:hover{background:var(--panel-2)}.pl.active{background:var(--accent-soft)}.pl img,.pl .noimg{object-fit:cover;background:var(--panel-2);border-radius:5px;width:56px;height:32px}.pl-title{text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.pl-meta{color:var(--muted);font-size:12px}.content{min-height:0;overflow:auto}.content-head{z-index:2;background:var(--bg);border-bottom:1px solid var(--border);padding:18px 24px 12px;position:sticky;top:0}.content-head h2{margin:0;font-size:19px}.toolbar{background:var(--warn-soft);border-radius:var(--radius);align-items:center;gap:10px;margin-top:10px;padding:10px 12px;display:flex}.item{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:22px 34px 96px 1fr auto;align-items:center;gap:12px;margin-bottom:6px;padding:7px 10px;display:grid}.item.moved{border-color:var(--warn)}.item.unavailable{opacity:.6}.handle{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none;text-align:center;letter-spacing:-2px;font-size:16px}.idx{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.thumb{object-fit:cover;background:var(--panel-2);border-radius:6px;width:96px;height:54px;display:block}.item-title{font-weight:550}.item-sub{color:var(--muted);font-size:12.5px}.item-actions{opacity:.85;gap:4px;display:flex}.sortable-ghost{opacity:.35}.sortable-chosen{box-shadow:var(--shadow)}.empty{text-align:center;color:var(--muted);padding:60px 24px}.chip{background:var(--panel-2);color:var(--muted);white-space:nowrap;border-radius:999px;margin-right:4px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-block}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.bad{background:var(--accent-soft);color:var(--accent)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.import{gap:18px;max-width:1100px;margin:0 auto;padding:24px;display:grid}.step{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px}.step h3{align-items:center;gap:10px;margin:0 0 4px;font-size:16px;display:flex}.step h3 .n{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;display:grid}.step.disabled{opacity:.55;pointer-events:none}.source-grid{grid-template-columns:1fr 280px;gap:18px;margin-top:14px;display:grid}.help{color:var(--muted);font-size:12.5px}.help ul{margin:6px 0;padding-left:18px}.help li{margin:3px 0}.dropzone{border:1.5px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--muted);padding:14px;font-size:13px}.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}table.songs{border-collapse:collapse;width:100%;margin-top:14px}.songs th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:6px 8px;font-size:12px;font-weight:600}.songs td{border-bottom:1px solid var(--border);vertical-align:middle;padding:8px}.songs tbody.excluded td{opacity:.4}.songs .num{width:34px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.songs .song-name{font-weight:550}.songs .raw{color:var(--muted);font-size:12px}.match{grid-template-columns:80px 1fr;align-items:center;gap:10px;display:grid}.match .thumb,.cand .thumb{width:80px;height:45px}.alts td{background:var(--panel-2)}.alts-inner{gap:6px;display:grid}.cand{background:var(--panel);border:1px solid #0000;border-radius:8px;grid-template-columns:80px 1fr auto;align-items:center;gap:10px;padding:6px;display:grid}.cand.selected{border-color:var(--ok)}.progress{background:var(--panel-2);border-radius:3px;height:6px;overflow:hidden}.progress>i{background:var(--accent);height:100%;transition:width .3s;display:block}.dest{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.radio{cursor:pointer;align-items:center;gap:8px;font-weight:550;display:flex}.notice{border-radius:var(--radius);background:var(--warn-soft);color:var(--warn);padding:10px 12px;font-size:13px}dialog{border:1px solid var(--border);background:var(--panel);width:min(760px,94vw);color:var(--text);border-radius:14px;padding:0;box-shadow:0 20px 60px #00000040}dialog::backdrop{background:#00000059}.modal-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 20px;display:flex}.modal-head h3{margin:0;font-size:16px}.modal-body{gap:12px;max-height:70vh;padding:16px 20px;display:grid;overflow:auto}.current{background:var(--panel-2);border-radius:var(--radius);grid-template-columns:96px 1fr;align-items:center;gap:12px;padding:10px;display:grid}#toasts{z-index:50;gap:8px;display:grid;position:fixed;bottom:18px;right:18px}.toast{background:var(--text);color:var(--bg);max-width:420px;box-shadow:var(--shadow);border-radius:10px;padding:10px 14px;font-size:13px}.toast.error{background:var(--accent);color:#fff}.toast.ok{background:var(--ok);color:#fff}.spinner{border:2px solid var(--border);border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.lists-layout{grid-template-columns:1fr;height:auto}.sidebar{max-height:40vh}.source-grid,.dest{grid-template-columns:1fr}.item{grid-template-columns:22px 1fr auto}.item .idx,.item .thumb{display:none}}.center{place-items:center;min-height:100vh;padding:24px;display:grid}.card.login{flex-direction:column;gap:14px;max-width:520px;padding:28px;display:flex}.card.login h1{margin:4px 0 0;font-size:20px}.card.login p{margin:0}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);text-align:center;text-decoration:none}.btn.danger{color:var(--accent);border-color:var(--accent)}.notice.warn{background:var(--warn-soft);color:var(--warn)}.tab{text-decoration:none}.account{position:relative}.account-menu{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:20;flex-direction:column;gap:6px;min-width:220px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.modal-backdrop{z-index:50;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card.modal{flex-direction:column;gap:12px;width:100%;max-width:520px;padding:22px;display:flex}.card.modal h2{margin:0;font-size:18px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.content{width:100%;max-width:1100px;margin:0 auto;padding:20px}.content-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.content-head h1{margin:0;font-size:20px}.toolbar{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.field input{border:1px solid var(--border);background:var(--panel);border-radius:8px;min-width:240px;padding:8px 10px}.field.grow input{min-width:320px}.pl-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.pl-card{text-align:left;border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:6px;width:100%;padding:8px;display:flex}.pl-card:hover{box-shadow:var(--shadow)}.pl-card .thumb{aspect-ratio:16/9;object-fit:cover;background:var(--panel-2);border-radius:6px;width:100%;height:auto;display:block}.items{margin:0;padding:0;list-style:none}.items-scroll{border:1px solid var(--border);border-radius:var(--radius);height:calc(100vh - 220px);overflow:auto}.item{border-bottom:1px solid var(--border);background:var(--panel);box-sizing:border-box;align-items:center;gap:10px;padding:6px 10px;display:flex}.item.dragging{box-shadow:var(--shadow);z-index:2;position:relative}.item.unavailable .item-title{color:var(--muted);font-style:italic}.item .thumb{object-fit:cover;background:var(--panel-2);border-radius:4px;flex:none;width:64px;height:36px}.item .idx{text-align:right;flex:none;width:40px}.item-main{flex-direction:column;flex:1;min-width:0;display:flex}.item-title,.item-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-actions{flex:none;gap:6px;display:flex}.handle{cursor:grab;color:var(--muted);touch-action:none;background:0 0;border:0;padding:4px}.card.modal.wide{max-width:760px;max-height:90vh;overflow:auto}.cands{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cand{border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:6px;display:flex}.cand .thumb{object-fit:cover;background:var(--panel-2);border-radius:4px;flex:none;width:80px;height:45px}.chip{background:var(--panel-2);border-radius:999px;margin-left:4px;padding:0 6px;font-size:11px;display:inline-block}.notice.ok{background:var(--ok-soft);color:var(--ok)}.stack{flex-direction:column;gap:10px;display:flex}textarea,select,.card input:not([type]),.card input[type=text],.songs input.url{border:1px solid var(--border);background:var(--panel);box-sizing:border-box;border-radius:8px;width:100%;padding:8px 10px}.row select{flex:1;width:auto;min-width:200px;max-width:100%}.songs{flex-direction:column;gap:6px;margin:12px 0;padding:0;list-style:none;display:flex}.song{border:1px solid var(--border);background:var(--panel);border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.song.excluded{opacity:.5}.songs input.url{width:220px}.jobs{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.job progress{width:100%}.spacer{flex:1}