.input-group[data-v-b0329a28]{align-items:center;display:flex;gap:8px;margin:0 auto;max-width:600px;width:100%}.url-input[data-v-b0329a28]{background:var(--color-bg-white,#fff);border:2px solid var(--color-border,#e1e5e9);border-radius:var(--radius-md,8px);flex:1 1 auto;font-size:16px;min-width:0;padding:12px 16px;transition:border-color .2s ease;width:100%}.url-input[data-v-b0329a28]:focus{border-color:var(--color-primary,#007bff);box-shadow:0 0 0 3px #007bff1a;outline:none}.url-input[data-v-b0329a28]:disabled{background-color:var(--color-bg-light,#f8f9fa);color:var(--color-text-muted,#6c757d);cursor:not-allowed}.load-btn[data-v-b0329a28]{align-items:center;background:var(--color-primary,#007bff);border:none;border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.load-btn[data-v-b0329a28]:hover:not(:disabled){background:var(--color-primary-hover,#0056b3)}.load-btn[data-v-b0329a28]:active:not(:disabled){transform:scale(.98)}.load-btn[data-v-b0329a28]:disabled{background:var(--color-text-muted,#6c757d);cursor:not-allowed;transform:none}.btn-icon[data-v-b0329a28]{display:none;height:20px;width:20px}@media(max-width:768px){.input-group[data-v-b0329a28]{display:flex;flex-direction:row;gap:8px;margin:0;max-width:none;width:100%}.url-input[data-v-b0329a28]{flex:1 1 0%;font-size:14px;min-width:0;padding:10px 12px}.load-btn[data-v-b0329a28]{flex:0 0 auto;min-width:44px;padding:10px 14px}.btn-text[data-v-b0329a28]{display:none}.btn-icon[data-v-b0329a28]{display:block}}.app-header[data-v-fef7d9a3]{background:var(--color-bg-white,#fff);border-bottom:1px solid var(--color-border,#e5e7eb);padding:var(--space-4) var(--space-6);position:relative}.header-content[data-v-fef7d9a3]{align-items:center;display:flex;gap:var(--space-6);margin:0 auto;max-width:1600px}.header-brand[data-v-fef7d9a3]{flex-shrink:0}.brand-link[data-v-fef7d9a3]{align-items:center;color:var(--color-text,#1f2937);display:flex;gap:.5rem;text-decoration:none}.brand-link[data-v-fef7d9a3]:hover{opacity:.85}.header-logo[data-v-fef7d9a3]{height:28px;width:auto}.brand-name[data-v-fef7d9a3]{font-size:1.125rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.header-search[data-v-fef7d9a3]{flex:1;margin:0 auto;max-width:600px}.mobile-search[data-v-fef7d9a3]{display:none}.header-actions[data-v-fef7d9a3]{align-items:center;display:flex;flex-shrink:0;gap:var(--space-4)}.auth-container[data-v-fef7d9a3]{align-items:center;display:flex;gap:.75rem}.auth-loading[data-v-fef7d9a3]{color:var(--color-text-muted,#6b7280);font-size:.8125rem}.user-email[data-v-fef7d9a3]{color:var(--color-text-secondary,#4b5563);font-size:.8125rem}.logout-button[data-v-fef7d9a3]{background:#ef4444;border:none;border-radius:var(--radius-md,6px);color:#fff;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.375rem .875rem;transition:background-color .15s ease}.logout-button[data-v-fef7d9a3]:hover{background:#dc2626}.login-button[data-v-fef7d9a3]{background:var(--color-primary,#2563eb);border-radius:var(--radius-md,6px);color:#fff;font-size:.8125rem;font-weight:500;padding:.375rem .875rem;text-decoration:none;transition:background-color .15s ease}.login-button[data-v-fef7d9a3]:hover{background:var(--color-primary-hover,#1d4ed8)}.header-nav[data-v-fef7d9a3]{align-items:center;border-left:1px solid var(--color-border,#e5e7eb);display:flex;gap:var(--space-4);padding-left:var(--space-4)}.nav-link[data-v-fef7d9a3]{color:var(--color-text-muted,#6b7280);font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .15s ease;white-space:nowrap}.nav-link[data-v-fef7d9a3]:hover{color:var(--color-text,#1f2937)}.nav-link--primary[data-v-fef7d9a3]{color:var(--color-success,#10b981)}.nav-link--primary[data-v-fef7d9a3]:hover{color:var(--color-success-hover,#059669)}.mobile-menu-backdrop[data-v-fef7d9a3],.mobile-menu-btn[data-v-fef7d9a3],.mobile-menu-dropdown[data-v-fef7d9a3]{display:none}@media(max-width:768px){.app-header[data-v-fef7d9a3]{padding:8px 12px}.header-content[data-v-fef7d9a3]{gap:8px}.header-logo[data-v-fef7d9a3]{height:22px}.brand-name[data-v-fef7d9a3]{font-size:1rem}.header-search[data-v-fef7d9a3]{display:none}.mobile-search[data-v-fef7d9a3]{display:block;margin-top:12px}.app-header.on-video-page .mobile-search[data-v-fef7d9a3],.header-nav[data-v-fef7d9a3],.user-email[data-v-fef7d9a3]{display:none}.header-actions[data-v-fef7d9a3]{gap:8px}.login-button[data-v-fef7d9a3],.logout-button[data-v-fef7d9a3]{font-size:.8rem;padding:6px 12px}.mobile-menu-btn[data-v-fef7d9a3]{align-items:center;background:var(--color-bg-light,#f3f4f6);border:none;border-radius:var(--radius-md,6px);color:var(--color-text-muted,#6b7280);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .15s ease;width:32px}.mobile-menu-btn[data-v-fef7d9a3]:active{background:var(--color-border,#e5e7eb)}.mobile-menu-backdrop[data-v-fef7d9a3]{display:block;inset:0;position:fixed;z-index:199}.mobile-menu-dropdown[data-v-fef7d9a3]{background:var(--color-bg-white,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-md,8px);box-shadow:0 4px 16px #0000001f;display:flex;flex-direction:column;min-width:150px;overflow:hidden;position:absolute;right:12px;top:calc(100% + 4px);z-index:200}.mobile-menu-dropdown a[data-v-fef7d9a3]{border-bottom:1px solid var(--color-bg-light,#f3f4f6);color:var(--color-text,#1f2937);font-size:.875rem;padding:12px 16px;text-decoration:none;transition:background-color .15s ease}.mobile-menu-dropdown a[data-v-fef7d9a3]:last-child{border-bottom:none}.mobile-menu-dropdown a[data-v-fef7d9a3]:active{background:var(--color-bg-light,#f3f4f6)}.menu-fade-enter-active[data-v-fef7d9a3],.menu-fade-leave-active[data-v-fef7d9a3]{transition:opacity .15s ease}.menu-fade-enter-from[data-v-fef7d9a3],.menu-fade-leave-to[data-v-fef7d9a3]{opacity:0}.menu-slide-enter-active[data-v-fef7d9a3],.menu-slide-leave-active[data-v-fef7d9a3]{transition:all .15s ease}.menu-slide-enter-from[data-v-fef7d9a3],.menu-slide-leave-to[data-v-fef7d9a3]{opacity:0;transform:translateY(-8px)}}