.VideoPlayer[data-v-2f9a389b]{margin:0 auto;max-width:900px;min-height:200px}.InputSection[data-v-2f9a389b]{background:#fff;border:1px solid #e5e6eb;border-radius:8px;padding:20px;transition:border-color .2s,background-color .2s}.InputSection.is-dragover[data-v-2f9a389b]{background:#f2f7ff;border-color:#165dff}.SectionHeader[data-v-2f9a389b]{align-items:center;color:#1d2129;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:14px}.UrlInputRow[data-v-2f9a389b]{display:flex;flex-wrap:wrap;gap:10px}.UrlInputRow .UrlInput[data-v-2f9a389b]{flex:1;min-width:200px}.DropHint[data-v-2f9a389b]{color:#86909c;font-size:12px;gap:6px;margin-top:10px}.DropHint[data-v-2f9a389b],.QuickActions[data-v-2f9a389b]{align-items:center;display:flex}.QuickActions[data-v-2f9a389b]{flex-wrap:wrap;gap:8px;margin-top:12px}.QuickActions .Hint[data-v-2f9a389b]{color:#86909c;font-size:12px}.PlayerSection[data-v-2f9a389b]{display:flex;flex-direction:column;gap:12px;margin-top:20px}.PlayerContainer[data-v-2f9a389b]{align-items:center;aspect-ratio:16/9;background:#000;border-radius:8px;display:flex;justify-content:center;overflow:hidden;position:relative}.PlayerContainer.has-error[data-v-2f9a389b]{background:#1a1a2e}.VideoElement[data-v-2f9a389b]{height:100%;-o-object-fit:contain;object-fit:contain;outline:none;width:100%}.ErrorOverlay[data-v-2f9a389b]{align-items:center;background:#000000d9;color:#f53f3f;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;position:absolute;z-index:10}.ErrorOverlay p[data-v-2f9a389b]{color:#e5e6eb;font-size:14px;margin:0}.LoadingOverlay[data-v-2f9a389b]{align-items:center;background:#0009;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;position:absolute;z-index:10}.LoadingOverlay p[data-v-2f9a389b]{color:#e5e6eb;font-size:14px;margin:0}.VideoInfo[data-v-2f9a389b]{display:flex;flex-wrap:wrap;gap:20px}.VideoInfo .InfoItem[data-v-2f9a389b]{align-items:center;background:#f2f3f5;border-radius:6px;color:#4e5969;display:flex;font-size:13px;gap:6px;padding:6px 12px}.EmptyState[data-v-2f9a389b]{align-items:center;background:#fff;border:1px solid #e5e6eb;border-radius:8px;display:flex;flex-direction:column;gap:12px;justify-content:center;margin-top:20px;padding:60px 20px;transition:border-color .2s,background-color .2s}.EmptyState.is-dragover[data-v-2f9a389b]{background:#f2f7ff;border-color:#165dff}.EmptyState p[data-v-2f9a389b]{color:#86909c;font-size:14px;margin:0}.EmptyState .DropTip[data-v-2f9a389b]{align-items:center;color:#c9cdd4;display:flex;font-size:12px;gap:6px}@media(max-width:640px){.UrlInputRow[data-v-2f9a389b]{flex-direction:column}.PlayerContainer[data-v-2f9a389b]{aspect-ratio:4/3}}.GlobalDropOverlay[data-v-2f9a389b]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#165dff1f;border:3px dashed #165dff;display:flex;inset:0;justify-content:center;pointer-events:auto;position:fixed;z-index:9999}.GlobalDropBox[data-v-2f9a389b]{animation:dropBoxPop-2f9a389b .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 12px 48px #165dff2e;color:#165dff;padding:48px 64px;text-align:center;transform:scale(1)}.GlobalDropBox h3[data-v-2f9a389b]{color:#1d2129;font-size:22px;font-weight:600;margin:16px 0 8px}.GlobalDropBox p[data-v-2f9a389b]{color:#4e5969;font-size:14px;margin:0}@keyframes dropBoxPop-2f9a389b{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.drop-fade-enter-active[data-v-2f9a389b],.drop-fade-leave-active[data-v-2f9a389b]{transition:opacity .18s ease}.drop-fade-enter-from[data-v-2f9a389b],.drop-fade-leave-to[data-v-2f9a389b]{opacity:0}