:root{--bg: #0f1419;--surface: #1a2332;--border: #2d3a4d;--text: #e7ecf3;--muted: #8b9cb3;--accent: #3b82f6;--accent-hover: #2563eb}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.nav{display:flex;align-items:center;gap:.5rem}.nav-link{padding:.4rem .75rem;border-radius:8px;font-size:.9375rem;color:var(--muted);text-decoration:none}.nav-link:hover{color:var(--text);background:rgba(255,255,255,.06)}.nav-link-active{color:var(--accent);background:rgba(59,130,246,.15)}.logo{color:var(--text);text-decoration:none;font-weight:600;font-size:1.125rem}.logo:hover{color:var(--accent)}.main{flex:1;padding:1.5rem;max-width:960px;margin:0 auto;width:100%}.page[data-v-42d5bf0c]{max-width:640px}.title[data-v-42d5bf0c]{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.hint[data-v-42d5bf0c]{margin:0 0 1.25rem;color:var(--muted);font-size:.9375rem;line-height:1.5}.field[data-v-42d5bf0c]{margin-bottom:1.25rem}.field-label[data-v-42d5bf0c]{display:block;font-size:.8125rem;color:var(--muted);margin-bottom:.4rem}.field-input[data-v-42d5bf0c]{width:100%;padding:.55rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:.9375rem}.field-input[data-v-42d5bf0c]:focus{outline:none;border-color:var(--accent)}.dropzone[data-v-42d5bf0c]{border:2px dashed var(--border);border-radius:12px;padding:2rem 1.5rem;text-align:center;cursor:pointer;background:var(--surface);transition:border-color .15s,background .15s}.dropzone[data-v-42d5bf0c]:hover,.dropzone.active[data-v-42d5bf0c]{border-color:var(--accent);background:#1e2a3d}.hidden-input[data-v-42d5bf0c]{position:absolute;width:0;height:0;opacity:0}.dropzone-text[data-v-42d5bf0c]{color:var(--muted);font-size:.9375rem}.list-wrap[data-v-42d5bf0c]{margin-top:1.5rem}.row[data-v-42d5bf0c]{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;margin-bottom:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.drag-handle[data-v-42d5bf0c]{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none;padding:.35rem .25rem;font-size:1rem;line-height:1}.drag-handle[data-v-42d5bf0c]:active{cursor:grabbing}.row-body[data-v-42d5bf0c]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.label[data-v-42d5bf0c]{font-size:.75rem;color:var(--muted)}.input[data-v-42d5bf0c]{width:100%;padding:.5rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:.9375rem}.input[data-v-42d5bf0c]:focus{outline:none;border-color:var(--accent)}.file-meta[data-v-42d5bf0c]{font-size:.8125rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-remove[data-v-42d5bf0c]{flex-shrink:0;padding:.35rem .65rem;font-size:.8125rem;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.btn-remove[data-v-42d5bf0c]:hover{color:#f87171;border-color:#f87171}.actions[data-v-42d5bf0c]{margin-top:1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.btn[data-v-42d5bf0c]{padding:.65rem 1.25rem;border-radius:10px;font-size:.9375rem;font-weight:500;border:none;cursor:pointer}.btn.primary[data-v-42d5bf0c]{background:var(--accent);color:#fff}.btn.primary[data-v-42d5bf0c]:hover:not(:disabled){background:var(--accent-hover)}.btn[data-v-42d5bf0c]:disabled{opacity:.55;cursor:not-allowed}.error[data-v-42d5bf0c]{color:#f87171;font-size:.875rem}.page[data-v-5b784b37]{max-width:640px}.title[data-v-5b784b37]{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.hint[data-v-5b784b37]{margin:0 0 1.25rem;color:var(--muted);font-size:.9375rem;line-height:1.5}.state[data-v-5b784b37]{color:var(--muted);padding:1rem 0}.state.err[data-v-5b784b37]{color:#f87171}.list[data-v-5b784b37]{list-style:none;margin:0;padding:0}.item[data-v-5b784b37]{display:flex;align-items:stretch;gap:.5rem;margin-bottom:.5rem}.link[data-v-5b784b37]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);text-decoration:none;color:inherit;transition:border-color .15s,background .15s}.link[data-v-5b784b37]:hover{border-color:var(--accent);background:#1e2a3d}.btn-del[data-v-5b784b37]{flex-shrink:0;align-self:center;padding:.4rem .65rem;font-size:.8125rem;border-radius:8px;border:1px solid #7f1d1d;background:rgba(127,29,29,.25);color:#fca5a5;cursor:pointer}.btn-del[data-v-5b784b37]:hover:not(:disabled){background:rgba(127,29,29,.45)}.btn-del[data-v-5b784b37]:disabled{opacity:.6;cursor:not-allowed}.name[data-v-5b784b37]{font-weight:500;font-size:.9375rem}.meta[data-v-5b784b37]{font-size:.8125rem;color:var(--muted)}.page[data-v-42da35ac]{max-width:720px}.toolbar[data-v-42da35ac]{margin-bottom:1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.btn-danger[data-v-42da35ac]{margin-left:auto;padding:.35rem .65rem;font-size:.8125rem;border-radius:8px;border:1px solid #7f1d1d;background:rgba(127,29,29,.25);color:#fca5a5;cursor:pointer}.btn-danger[data-v-42da35ac]:hover:not(:disabled){background:rgba(127,29,29,.45)}.btn-danger[data-v-42da35ac]:disabled{opacity:.65;cursor:not-allowed}.link-back[data-v-42da35ac]{color:var(--accent);text-decoration:none;font-size:.9375rem}.link-back[data-v-42da35ac]:hover{text-decoration:underline}.link-muted[data-v-42da35ac]{color:var(--muted)}.link-muted[data-v-42da35ac]:hover{color:var(--accent)}.title[data-v-42da35ac]{margin:0 0 .35rem;font-size:1.35rem;font-weight:600}.sub[data-v-42da35ac]{margin:0 0 1.25rem;color:var(--muted);font-size:.9375rem}.state[data-v-42da35ac]{color:var(--muted);padding:2rem 0}.state.error[data-v-42da35ac]{color:#f87171}.player-shell[data-v-42da35ac]{border-radius:12px;overflow:hidden;background:var(--surface);border:1px solid var(--border)}.player-shell[data-v-42da35ac]:fullscreen,.player-shell[data-v-42da35ac]:-webkit-full-screen{display:flex;flex-direction:column;width:100%;height:100%;max-width:100vw;max-height:100vh;border-radius:0;border:none;box-sizing:border-box;overflow:hidden;background:#000}.player-shell:fullscreen .player-wrap[data-v-42da35ac],.player-shell:-webkit-full-screen .player-wrap[data-v-42da35ac]{flex:1 1 auto;min-height:0;max-height:none;width:100%;aspect-ratio:unset;display:flex;align-items:center;justify-content:center}.player-shell:fullscreen .player[data-v-42da35ac],.player-shell:-webkit-full-screen .player[data-v-42da35ac]{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.player-shell:fullscreen .controls[data-v-42da35ac],.player-shell:-webkit-full-screen .controls[data-v-42da35ac]{flex-shrink:0;width:100%;border-top:1px solid var(--border);box-sizing:border-box}.player-shell:fullscreen .playlist[data-v-42da35ac],.player-shell:-webkit-full-screen .playlist[data-v-42da35ac]{flex-shrink:0;margin-top:0;max-height:min(30vh,220px);overflow-x:hidden;overflow-y:auto;width:100%;padding:.45rem .6rem;border-top:1px solid var(--border);box-sizing:border-box;background:var(--surface);-webkit-overflow-scrolling:touch}.player-wrap[data-v-42da35ac]{background:#000;aspect-ratio:16 / 9;max-height:min(70vh,520px)}.player[data-v-42da35ac]{width:100%;height:100%;display:block;object-fit:contain}.controls[data-v-42da35ac]{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .65rem;padding:.55rem .65rem;border-top:1px solid var(--border);background:var(--surface)}.ctrl-btn[data-v-42da35ac]{padding:.35rem .6rem;font-size:.8125rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;flex-shrink:0}.ctrl-btn[data-v-42da35ac]:hover{border-color:var(--accent);color:var(--accent)}.time[data-v-42da35ac]{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.seek[data-v-42da35ac]{flex:1 1 140px;min-width:100px;height:.35rem;accent-color:var(--accent);cursor:pointer}.playlist[data-v-42da35ac]{margin-top:0;padding:.5rem .65rem .6rem;border-top:1px solid var(--border);display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:.35rem;background:var(--bg)}.pl-item[data-v-42da35ac]{display:inline-flex;align-items:center;gap:.3rem;max-width:100%;padding:.28rem .45rem;text-align:left;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:.72rem;line-height:1.2;cursor:pointer;transition:border-color .15s,background .15s}.pl-item[data-v-42da35ac]:hover{border-color:var(--accent)}.pl-item.active[data-v-42da35ac]{border-color:var(--accent);background:#1e3a5d}.pl-index[data-v-42da35ac]{flex-shrink:0;width:1.1rem;height:1.1rem;display:flex;align-items:center;justify-content:center;border-radius:4px;background:var(--bg);font-size:.62rem;color:var(--muted)}.pl-item.active .pl-index[data-v-42da35ac]{background:var(--accent);color:#fff}.pl-name[data-v-42da35ac]{max-width:6.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}