@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--accent-amber:#d8a24a;--accent-copper:#c97a5b;--accent-teal:#4fb3a3;--accent-gold:#f1c66a;--accent-mauve:#7a6d8a;--accent-ruby:#c45a5a;--accent-sage:#6fb38a;--mtv-orange:var(--accent-amber);--mtv-pink:var(--accent-copper);--mtv-blue:var(--accent-teal);--mtv-yellow:var(--accent-gold);--mtv-purple:var(--accent-mauve);--mtv-red:var(--accent-ruby);--mtv-green:var(--accent-sage);--channel-library:var(--accent-teal);--channel-import:var(--accent-amber);--channel-player:var(--accent-gold);--channel-manage:var(--accent-sage);--channel-system:var(--accent-mauve);--bg-base:#141210;--bg-surface:#1d1a17;--bg-surface-light:#26221e;--bg-surface-hover:#2f2a25;--bg-accent:#332e28;--text-primary:#f4efe7;--text-secondary:#c8c1b6;--text-tertiary:#8e867b;--text-on-dark:#fdf7ee;--success:#6fb38a;--warning:#f1c66a;--error:#c45a5a;--info:#4fb3a3;--danger:var(--error);--gradient-mesh:radial-gradient(800px circle at 20% -10%, #d8a24a38, transparent 60%), radial-gradient(700px circle at 85% 0%, #4fb3a32e, transparent 55%), linear-gradient(180deg, #12100e 0%, #151311 55%, #0f0e0d 100%);--font-display:"Space Grotesk", "Helvetica Neue", "Arial", sans-serif;--font-body:"IBM Plex Sans", "Helvetica Neue", "Arial", sans-serif;--font-ui:"IBM Plex Sans", "Helvetica Neue", "Arial", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.35rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:4rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--space-12:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:999px;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 8px 20px #00000059;--shadow-lg:0 16px 40px #00000073;--shadow-xl:0 26px 60px #0000008c;--shadow-orange:0 14px 30px #d8a24a59;--shadow-pink:0 14px 30px #c97a5b59;--shadow-blue:0 14px 30px #4fb3a359;--shadow-glow-cyan:0 0 24px #4fb3a359;--shadow-glow-magenta:0 0 24px #c97a5b59;--shadow-glow-yellow:0 0 24px #f1c66a59;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%}body{background-color:var(--bg-base);background-image:var(--gradient-mesh);min-width:320px;color:var(--text-primary);font-family:var(--font-body);background-attachment:fixed;margin:0}a{color:inherit}button,input,select,textarea{color:inherit;font-family:inherit}::selection{background:color-mix(in srgb, var(--mtv-orange) 35%, transparent);color:var(--text-primary)}#root{min-height:100vh}.addNav{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.addNavLink{min-height:34px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--bg-surface-light);background:color-mix(in srgb, var(--bg-surface) 70%, transparent);color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s,box-shadow .15s,background .15s;display:inline-flex}.addNavLink:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--nav-accent,var(--channel-import)) 45%, var(--bg-surface-light));box-shadow:0 0 0 2px color-mix(in srgb, var(--nav-accent,var(--channel-import)) 18%, transparent)}.addNavLink:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--nav-accent,var(--channel-import)) 35%, transparent);outline:none}.addNavLinkActive{color:var(--text-primary);border-color:color-mix(in srgb, var(--nav-accent,var(--channel-import)) 60%, var(--bg-surface-light));background:color-mix(in srgb, var(--nav-accent,var(--channel-import)) 18%, var(--bg-surface));box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.centeredPage{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.panel{background:var(--bg-surface);border:1px solid var(--bg-surface-light);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);padding:var(--space-6);align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.splash{width:100%;max-width:520px;height:auto;margin:0}.textInput{border-radius:var(--radius-md);border:1px solid var(--bg-surface-light);background:color-mix(in srgb, var(--bg-base) 80%, var(--bg-surface));width:100%;color:var(--text-primary);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);outline:none;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:inset 0 1px 1px #0006}.textInput::placeholder{color:var(--text-tertiary)}.textInput:focus{border-color:var(--mtv-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--mtv-blue) 35%, transparent)}.btnPrimary{width:100%;padding:var(--space-4) var(--space-6);font-family:var(--font-ui);font-weight:600;font-size:var(--text-base);letter-spacing:.06em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--mtv-orange) 70%, var(--bg-base));border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--mtv-orange) 80%, #fff 0%), var(--mtv-orange));color:var(--bg-base);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.btnPrimary:disabled{opacity:.6;cursor:not-allowed}.btnPrimary:not(:disabled):hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btnPrimary:not(:disabled):active{box-shadow:var(--shadow-sm);transform:translateY(0)}.errorText{text-align:center;width:100%;font-family:var(--font-body);font-size:var(--text-sm);color:var(--error)}.pageHeader{--header-accent:var(--channel-system);--nav-accent:var(--header-accent);background:linear-gradient(140deg, color-mix(in srgb, var(--header-accent) 30%, transparent) 0%, #141210f2 100%), var(--bg-surface);border-bottom:1px solid var(--bg-surface-light);position:relative;overflow:hidden}.pageHeaderTop{padding:var(--space-6) var(--space-6) var(--space-4);justify-content:space-between;align-items:flex-start;gap:var(--space-6);z-index:1;display:flex;position:relative}.pageHeaderTitleContainer{align-items:center;gap:var(--space-4);display:flex}.pageHeaderIcon{object-fit:contain;border:1px solid var(--bg-surface-light);border-radius:var(--radius-md);background:var(--bg-surface);width:64px;height:64px;box-shadow:var(--shadow-sm)}.pageHeaderTitle{font-family:var(--font-display);color:var(--text-primary);text-transform:none;letter-spacing:-.02em;margin:0;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;line-height:1}.pageHeaderActions{align-items:center;gap:var(--space-4);flex:1;justify-content:flex-end;display:flex}.pageHeaderNav{padding:0 var(--space-6) var(--space-4);border-top:1px solid var(--bg-surface-light);padding-top:var(--space-4);z-index:1;position:relative}.pageHeaderSubNav{padding:0 var(--space-6) var(--space-5);border-top:1px solid var(--bg-surface-light);padding-top:var(--space-3);gap:var(--space-2);background:color-mix(in srgb, var(--header-accent) 10%, var(--bg-surface));z-index:1;flex-direction:column;display:flex;position:relative}.pageHeaderSubNavLabel{font-family:var(--font-ui);font-size:var(--text-xs);color:color-mix(in srgb, var(--header-accent) 45%, var(--text-tertiary));text-transform:uppercase;letter-spacing:.12em;font-weight:700}@media (width<=900px){.pageHeaderTop{padding:var(--space-5) var(--space-4) var(--space-4);flex-direction:column;align-items:flex-start}.pageHeaderIcon{width:56px;height:56px}.pageHeaderActions{justify-content:flex-start;width:100%}.pageHeaderNav,.pageHeaderSubNav{padding:0 var(--space-4) var(--space-4)}}.videoGrid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.videoCard{background:var(--bg-surface);border:1px solid var(--bg-surface-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.videoCard:hover{border-color:color-mix(in srgb, var(--channel-library) 45%, var(--bg-surface-light));box-shadow:var(--shadow-md);transform:translateY(-4px)}.videoCard:active{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.videoCardThumb{aspect-ratio:16/9;background:linear-gradient(135deg, color-mix(in srgb, var(--mtv-orange) 75%, var(--bg-base)), color-mix(in srgb, var(--mtv-blue) 55%, var(--bg-base)));background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.videoCardPlayOverlay{border:1px solid color-mix(in srgb, var(--channel-library) 45%, transparent);cursor:pointer;opacity:0;z-index:20;background:#0d0c0ab8;border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;transition:all .2s ease-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.videoCardPlayIcon{width:28px;height:28px;color:var(--channel-library);margin-left:4px}.videoCard:hover .videoCardPlayOverlay{opacity:1;transform:translate(-50%,-50%)scale(1)}.videoCardPlayOverlay:hover{background:color-mix(in srgb, var(--channel-library) 18%, #0d0c0ae6);border-color:color-mix(in srgb, var(--channel-library) 60%, transparent);box-shadow:var(--shadow-blue)}.videoCardPlayOverlay:hover .videoCardPlayIcon{color:var(--text-primary)}.videoCardPlayOverlay:active{transform:translate(-50%,-50%)scale(.95)}.videoCardStatusContainer{top:var(--space-2);left:var(--space-2);z-index:15;align-items:center;gap:var(--space-2);display:flex;position:absolute}.videoCardStatusIcon{border-radius:var(--radius-sm);color:var(--text-on-dark);background:#000000bf;padding:4px}.videoCardStatusSpinner{color:var(--mtv-blue);animation:1s linear infinite spin}.videoCardStatusDiscovered{color:var(--mtv-orange)}.videoCardStatusImported{color:var(--mtv-purple)}.videoCardStatusDownloaded{color:var(--channel-library)}.videoCardStatusFailed{color:var(--danger)}@keyframes spin{to{transform:rotate(360deg)}}.videoCardCheckboxWrapper{border-radius:var(--radius-sm);background:#000000bf;justify-content:center;align-items:center;padding:4px;display:flex}.videoCardCheckbox{cursor:pointer;width:18px;height:18px;accent-color:var(--mtv-blue)}.videoCardDuration{bottom:var(--space-2);right:var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-on-dark);z-index:10;background:#000000d9;padding:4px 8px;font-weight:600;position:absolute}.videoCardOverlay{padding:var(--space-3);z-index:5;background:linear-gradient(#0000 0%,#000000b3 40%,#000000e6 100%);flex-direction:column;gap:2px;display:flex;position:absolute;bottom:0;left:0;right:0}.videoCardOverlayArtist{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary);text-transform:none;letter-spacing:.02em;font-weight:600}.videoCardOverlayTitle{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-on-dark);text-transform:none;letter-spacing:-.01em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.1;display:-webkit-box;overflow:hidden}.videoCardOverlayAlbum{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-tertiary)}.videoCardOverlayLabel{font-family:var(--font-ui);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.videoCardOverlayDirector{font-family:var(--font-ui);color:var(--text-tertiary);font-size:10px}.videoCardRetryButton{bottom:var(--space-2);background:var(--mtv-purple);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-on-dark);cursor:pointer;z-index:10;border:none;border-radius:4px;padding:4px 8px;font-weight:700;transition:all .15s;position:absolute;right:70px}.videoCardRetryButton:hover{background:var(--mtv-blue);transform:scale(1.05)}.videoCardRetryButton:active{transform:scale(.98)}.videoCardRetryButton:disabled{opacity:.6;cursor:not-allowed}.videoCardRetryButton:disabled:hover{background:var(--mtv-purple);transform:none}.videoCardBody{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.videoCardTitle{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.01em;text-transform:uppercase;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.1;display:-webkit-box;overflow:hidden}.videoCardArtist{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary)}.videoCardYear{margin-left:var(--space-2);color:var(--text-tertiary)}.videoCardMeta{gap:var(--space-2);flex-direction:column;display:flex}.videoCardTags{gap:var(--space-2);flex-wrap:wrap;display:flex}.badge{padding:var(--space-1) var(--space-3);background:var(--bg-base);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--shadow-sm);white-space:nowrap;border:3px solid;border-radius:0;align-items:center;font-weight:900;display:inline-flex}.badgeCyan{color:var(--channel-library)}.badgeTilt{transform:rotate(-2deg)}.badgeTilt:nth-child(2n){transform:rotate(2deg)}.videoCardCheckboxContainer{top:var(--space-3);left:var(--space-3);z-index:15;background:var(--bg-accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-2);border:3px solid var(--bg-accent);border-radius:0;justify-content:center;align-items:center;display:flex;position:absolute}.videoCardSelected{border-color:var(--mtv-blue);box-shadow:var(--shadow-blue);transform:translateY(-2px)}.libraryTable{gap:var(--space-4);background:var(--bg-surface);border:3px solid var(--bg-surface-light);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;display:flex}.libraryTableHeader{gap:var(--space-4);padding:var(--space-4);background:var(--bg-base);border-radius:var(--radius-lg);z-index:10;display:grid;position:sticky;top:0}.libraryTableHeaderCell{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);align-items:center;font-weight:700;display:flex}.libraryTableBody{gap:var(--space-3);flex-direction:column;display:flex}.libraryTableRow{gap:var(--space-4);padding:var(--space-4);background:var(--bg-surface);border:2px solid var(--bg-surface-light);border-radius:var(--radius-md);cursor:pointer;transition:all .3s;display:grid}.libraryTableRow:hover{border-color:var(--channel-library);box-shadow:0 4px 12px #00f0ff4d}.libraryTableRowSelected{border-color:var(--channel-library);background:#00f0ff0d;box-shadow:0 0 20px #00f0ff33}.libraryTableCell{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);flex-direction:column;justify-content:center;display:flex;overflow:hidden}.libraryTableCellPrimary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.libraryTableCellSecondary{font-size:var(--text-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.libraryTableCellCenter{text-align:center;align-items:center}.libraryTableActionButton{background:var(--bg-base);border:2px solid var(--bg-surface-light);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-primary);cursor:pointer;font-size:var(--text-lg);justify-content:center;align-items:center;transition:all .2s;display:flex}.libraryTableActionButton:hover{border-color:var(--channel-library);box-shadow:0 4px 12px #00f0ff4d}.libraryTableActions{gap:var(--space-2);flex-direction:row}.libraryTableColumnsFull .libraryTableHeader,.libraryTableColumnsFull .libraryTableRow{grid-template-columns:40px 200px 250px 180px 80px 150px 120px 80px 100px}.libraryTableColumnsCore .libraryTableHeader,.libraryTableColumnsCore .libraryTableRow{grid-template-columns:40px 200px 1fr 200px 140px 100px}.libraryTableColumnsCuration .libraryTableHeader,.libraryTableColumnsCuration .libraryTableRow{grid-template-columns:40px 200px 220px 160px 140px 1fr 100px}@media (width<=1279px){.libraryTableColumnsFull .libraryTableHeader,.libraryTableColumnsFull .libraryTableRow{grid-template-columns:40px 200px 250px 180px 80px 80px 100px}.libraryTableColumnsCuration .libraryTableHeader,.libraryTableColumnsCuration .libraryTableRow{grid-template-columns:40px 180px 220px 140px 120px 1fr 100px}.libraryTableColumnsCore .libraryTableHeader,.libraryTableColumnsCore .libraryTableRow{grid-template-columns:40px 180px 1fr 160px 120px 100px}.libraryTableCellHideTablet{display:none}}@media (width<=767px){.libraryTable{display:none}}.multiSelectToolbar{bottom:var(--space-6);z-index:100;align-items:center;gap:var(--space-3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid var(--channel-import);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-xl), 0 0 40px #ff006e99;background:#1a0f2ef2;animation:.3s ease-out slideUp;display:flex;position:fixed;left:50%;transform:translate(-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.multiSelectToolbarCount{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--channel-import);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.multiSelectToolbarDivider{background:var(--bg-surface-light);width:2px;height:24px}.multiSelectToolbarButton{padding:var(--space-2) var(--space-4);font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--channel-import);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--channel-import);cursor:pointer;font-weight:700;transition:all .2s}.multiSelectToolbarButton:hover{background:var(--channel-import);color:var(--bg-base);transform:translateY(-2px);box-shadow:0 4px 12px #ff006e66}.multiSelectToolbarButton:active{transform:translateY(0)}.multiSelectToolbarButtonClear{border-color:var(--text-secondary);color:var(--text-secondary)}.multiSelectToolbarButtonClear:hover{background:var(--bg-surface-hover);border-color:var(--text-primary);color:var(--text-primary);box-shadow:none}.multiSelectToolbarButtonDanger{color:#ff006e;border-color:#ff006e}.multiSelectToolbarButtonDanger:hover{color:var(--bg-base);background:#ff006e;transform:translateY(-2px);box-shadow:0 4px 12px #ff006e66}@media (width<=900px){.multiSelectToolbar{flex-wrap:wrap;justify-content:center;max-width:90vw}.multiSelectToolbarCount{text-align:center;justify-content:center;width:100%}.multiSelectToolbarDivider:first-of-type{display:none}}.bulkTagModalOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0a0014d9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bulkTagModal{background:var(--bg-surface);border:3px solid var(--channel-import);border-radius:var(--radius-xl);flex-direction:column;width:90%;max-width:700px;max-height:90vh;animation:.3s ease-out slideIn;display:flex;box-shadow:0 20px 60px #ff006e66}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.bulkTagModalHeader{padding:var(--space-6);border-bottom:2px solid var(--bg-surface-light);justify-content:space-between;align-items:center;display:flex}.bulkTagModalTitle{font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;color:var(--channel-import);letter-spacing:.02em;margin:0;font-weight:800}.bulkTagModalClose{border:2px solid var(--text-secondary);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);font-size:var(--text-2xl);cursor:pointer;background:0 0;justify-content:center;align-items:center;line-height:1;transition:all .2s;display:flex}.bulkTagModalClose:hover{border-color:var(--channel-import);color:var(--channel-import);transform:scale(1.1)}.bulkTagModalBody{padding:var(--space-6);gap:var(--space-8);flex-direction:column;flex:1;display:flex;overflow-y:auto}.bulkTagSection{gap:var(--space-4);flex-direction:column;display:flex}.bulkTagSectionTitle{font-family:var(--font-ui);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin:0;font-weight:700}.bulkTagSectionDescription{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);margin:0}.bulkTagInputGroup{gap:var(--space-3);display:flex}.bulkTagInput{padding:var(--space-3) var(--space-4);border:3px solid var(--bg-surface-light);border-radius:var(--radius-lg);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);outline:none;flex:1;transition:border-color .2s}.bulkTagInput:focus{border-color:var(--channel-import);box-shadow:0 0 20px #ff006e4d}.bulkTagAddButton{padding:var(--space-3) var(--space-6);border:3px solid var(--channel-import);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--channel-import);font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;font-weight:700;transition:all .2s}.bulkTagAddButton:hover:not(:disabled){background:var(--channel-import);color:var(--bg-base);transform:translateY(-2px);box-shadow:0 4px 12px #ff006e66}.bulkTagAddButton:disabled{opacity:.5;cursor:not-allowed}.bulkTagSelectedGroup,.bulkTagAvailableGroup{gap:var(--space-2);flex-direction:column;display:flex}.bulkTagSelectedLabel,.bulkTagAvailableLabel{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:700}.bulkTagList{gap:var(--space-2);flex-wrap:wrap;display:flex}.bulkTagChip{padding:var(--space-2) var(--space-3);border:2px solid var(--bg-surface-light);border-radius:var(--radius-full);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;font-weight:700;transition:all .2s}.bulkTagChip:hover{border-color:var(--channel-import);transform:translateY(-2px);box-shadow:0 4px 12px #ff006e4d}.bulkTagChipAdd{border-color:var(--channel-library);color:var(--channel-library)}.bulkTagChipAdd:hover{border-color:var(--channel-library);box-shadow:0 4px 12px #00f0ff4d}.bulkTagChipRemove.bulkTagChipSelected{border-color:var(--channel-import);color:var(--channel-import);background:#ff006e1f}.bulkTagChipSelected{border-color:var(--channel-library);color:var(--channel-library);background:#00f0ff1f;box-shadow:0 0 20px #00f0ff33}.bulkTagModalFooter{justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:2px solid var(--bg-surface-light);display:flex}.bulkTagModalButton{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:3px solid;font-weight:700;transition:all .2s}.bulkTagModalButtonCancel{background:var(--bg-surface);color:var(--text-secondary);border-color:var(--text-secondary)}.bulkTagModalButtonCancel:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--text-primary)}.bulkTagModalButtonApply{background:var(--bg-surface);color:var(--channel-import);border-color:var(--channel-import)}.bulkTagModalButtonApply:hover:not(:disabled){background:var(--channel-import);color:var(--bg-base);transform:translateY(-2px);box-shadow:0 4px 12px #ff006e66}.bulkTagModalButtonApply:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.bulkTagModal{width:95%;max-height:95vh}.bulkTagModalHeader,.bulkTagModalBody,.bulkTagModalFooter{padding:var(--space-4)}}.metadataFetchModalOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;background:#000000d9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.metadataFetchModal{--fetch-accent:var(--channel-library);background:var(--bg-surface);border:3px solid var(--fetch-accent);border-radius:var(--radius-xl);width:90%;max-width:800px;max-height:90vh;box-shadow:var(--shadow-xl), 0 0 0 1px var(--fetch-accent), var(--shadow-glow-cyan);flex-direction:column;animation:.3s ease-out slideIn;display:flex}.metadataFetchModalHeader{padding:var(--space-6);border-bottom:1px solid var(--bg-surface-light);background:color-mix(in srgb, var(--fetch-accent) 12%, var(--bg-surface));justify-content:space-between;align-items:center;display:flex}.metadataFetchModalTitle{font-family:var(--font-display);font-size:var(--text-xl);text-transform:none;color:var(--text-primary);letter-spacing:-.01em;margin:0;font-weight:700}.metadataFetchModalClose{background:var(--bg-surface);border:1px solid var(--bg-surface-light);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;line-height:1;transition:all .2s;display:flex}.metadataFetchModalClose:hover{border-color:var(--fetch-accent);color:var(--text-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--fetch-accent) 20%, transparent)}.metadataFetchModalClose svg{width:20px;height:20px}.metadataFetchModalBody{padding:var(--space-6);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.metadataFetchEmptyState{justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-8);text-align:center;flex-direction:column;display:flex}.metadataFetchEmptyText{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-secondary);margin:0}.metadataFetchSearchInfo{width:100%;max-width:400px;padding:var(--space-4);background:var(--bg-base);border:2px solid var(--bg-surface-light);border-radius:var(--radius-lg);gap:var(--space-3);flex-direction:column;display:flex}.metadataFetchSearchField{gap:var(--space-2);display:flex}.metadataFetchSearchLabel{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);min-width:60px;font-weight:700}.metadataFetchSearchValue{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary)}.metadataFetchLoading{padding:var(--space-8);text-align:center;font-family:var(--font-ui);font-size:var(--text-lg);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.metadataFetchResultsSection,.metadataFetchPreviewSection{gap:var(--space-4);flex-direction:column;display:flex}.metadataFetchSectionTitle{font-family:var(--font-ui);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin:0;font-weight:700}.metadataFetchResults{gap:var(--space-3);flex-direction:column;display:flex}.metadataFetchResultItem{width:100%;padding:var(--space-4);background:var(--bg-base);border:2px solid var(--bg-surface-light);border-radius:var(--radius-lg);cursor:pointer;text-align:left;gap:var(--space-2);flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.metadataFetchResultItem:hover{border-color:var(--fetch-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.metadataFetchResultTitle{font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-primary);font-weight:700}.metadataFetchResultArtist{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary)}.metadataFetchResultMeta{gap:var(--space-3);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;display:flex}.metadataFetchResultSource{padding:var(--space-1) var(--space-2);border:1px solid var(--fetch-accent);border-radius:var(--radius-full);color:var(--fetch-accent);background:color-mix(in srgb, var(--fetch-accent) 12%, var(--bg-base))}.metadataFetchPreviewGrid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.metadataFetchPreviewField{gap:var(--space-2);padding:var(--space-3);background:var(--bg-base);border:2px solid var(--bg-surface-light);border-radius:var(--radius-lg);flex-direction:column;display:flex}.metadataFetchPreviewLabel{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:700}.metadataFetchPreviewValue{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);word-break:break-word}.metadataFetchModalFooter{justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--bg-surface-light);display:flex}.metadataFetchButton{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:3px solid;font-weight:700;transition:all .2s}.metadataFetchButtonSecondary{background:var(--bg-surface);color:var(--text-secondary);border-color:var(--text-secondary)}.metadataFetchButtonSecondary:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--text-primary)}.metadataFetchButtonPrimary{background:var(--bg-surface);color:var(--fetch-accent);border-color:var(--fetch-accent)}.metadataFetchButtonPrimary:hover:not(:disabled){box-shadow:var(--shadow-xl), var(--shadow-glow-cyan);transform:translateY(-2px)scale(1.02)}.metadataFetchButtonPrimary:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.metadataFetchModal{width:95%;max-height:95vh}.metadataFetchModalHeader,.metadataFetchModalBody,.metadataFetchModalFooter{padding:var(--space-4)}.metadataFetchPreviewGrid{grid-template-columns:1fr}}.confirmDialogOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1200;background:#0a0014e6;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.confirmDialog{background:var(--bg-surface);border:3px solid var(--text-secondary);border-radius:var(--radius-xl);flex-direction:column;width:90%;max-width:500px;animation:.2s ease-out slideIn;display:flex;box-shadow:0 20px 60px #0009}.confirmDialog-danger{border-color:#ff006e;box-shadow:0 20px 60px #ff006e66}.confirmDialog-warning{border-color:#fa0;box-shadow:0 20px 60px #fa06}.confirmDialog-info{border-color:var(--channel-library);box-shadow:0 20px 60px #00f0ff66}.confirmDialogHeader{padding:var(--space-6);border-bottom:2px solid var(--bg-surface-light)}.confirmDialogTitle{font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;color:var(--text-primary);letter-spacing:.02em;margin:0;font-weight:800}.confirmDialog-danger .confirmDialogTitle{color:#ff006e}.confirmDialog-warning .confirmDialogTitle{color:#fa0}.confirmDialog-info .confirmDialogTitle{color:var(--channel-library)}.confirmDialogBody{padding:var(--space-6)}.confirmDialogMessage{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);margin:0 0 var(--space-4) 0;line-height:1.6}.confirmDialogCheckbox{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-base);border:2px solid var(--bg-surface-light);border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s;display:flex}.confirmDialogCheckbox:hover{border-color:var(--text-secondary)}.confirmDialogCheckboxInput{cursor:pointer;accent-color:#ff006e;width:20px;height:20px}.confirmDialogCheckboxLabel{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;flex:1}.confirmDialogFooter{justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:2px solid var(--bg-surface-light);display:flex}.confirmDialogButton{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:3px solid;font-weight:700;transition:all .2s}.confirmDialogButtonCancel{background:var(--bg-surface);color:var(--text-secondary);border-color:var(--text-secondary)}.confirmDialogButtonCancel:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--text-primary)}.confirmDialogButtonConfirm{background:var(--bg-surface)}.confirmDialogButtonConfirm-danger{color:#ff006e;border-color:#ff006e}.confirmDialogButtonConfirm-danger:hover{color:var(--bg-base);background:#ff006e;transform:translateY(-2px);box-shadow:0 4px 12px #ff006e66}.confirmDialogButtonConfirm-warning{color:#fa0;border-color:#fa0}.confirmDialogButtonConfirm-warning:hover{color:var(--bg-base);background:#fa0;transform:translateY(-2px);box-shadow:0 4px 12px #fa06}.confirmDialogButtonConfirm-info{color:var(--channel-library);border-color:var(--channel-library)}.confirmDialogButtonConfirm-info:hover{background:var(--channel-library);color:var(--bg-base);transform:translateY(-2px);box-shadow:0 4px 12px #00f0ff66}@media (width<=768px){.confirmDialog{width:95%}.confirmDialogHeader,.confirmDialogBody,.confirmDialogFooter{padding:var(--space-4)}.confirmDialogFooter{flex-direction:column-reverse}.confirmDialogButton{width:100%}}.videoDetailsModalOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.videoDetailsModal{--detail-accent:var(--channel-library);background:var(--bg-surface);border:3px solid var(--detail-accent);border-radius:var(--radius-xl);width:90%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-xl), 0 0 0 1px var(--detail-accent), var(--shadow-glow-cyan);flex-direction:column;animation:.3s ease-out slideIn;display:flex}.videoDetailsModalHeader{padding:var(--space-6);background:color-mix(in srgb, var(--detail-accent) 12%, var(--bg-surface));border-bottom:1px solid var(--bg-surface-light);justify-content:space-between;align-items:center;display:flex}.videoDetailsModalTitle{font-family:var(--font-display);text-transform:none;color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.75rem;font-weight:700}.videoDetailsHeaderActions{align-items:center;gap:var(--space-2);display:flex}.videoDetailsHeaderActionButton{background:var(--bg-surface);border:1px solid var(--bg-surface-light);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0;line-height:1;transition:all .2s;display:flex}.videoDetailsHeaderActionButton:hover:not(:disabled){border-color:var(--detail-accent);color:var(--detail-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--detail-accent) 20%, transparent)}.videoDetailsHeaderActionButton:disabled{opacity:.4;cursor:not-allowed}.videoDetailsHeaderActionButton svg{width:18px;height:18px}.videoDetailsHeaderActionSpinner{justify-content:center;align-items:center;font-size:1rem;animation:1s linear infinite spin;display:inline-flex}.videoDetailsModalClose{background:var(--bg-surface);border:1px solid var(--bg-surface-light);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;line-height:1;transition:all .2s;display:flex}.videoDetailsModalClose:hover{border-color:var(--detail-accent);color:var(--text-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--detail-accent) 20%, transparent)}.videoDetailsModalClose svg{width:20px;height:20px}.videoDetailsModalBody{padding:var(--space-6);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.videoDetailsSection{padding:var(--space-4);background:var(--bg-base);border:2px solid var(--bg-surface-light);border-radius:var(--radius-lg)}.videoDetailsSectionTitle{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--detail-accent);margin:0 0 var(--space-4) 0;font-weight:700}.videoDetailsSectionHelper{margin:-2px 0 var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary)}.videoDetailsSectionTitleInline,.videoDetailsSectionHelperInline{margin:0}.videoDetailsSectionRow{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.videoDetailsSectionHeading{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.videoDetailsGrid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.videoDetailsField{gap:var(--space-2);flex-direction:column;display:flex}.videoDetailsFieldFull{grid-column:1/-1}.videoDetailsLabel{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:700}.videoDetailsValue{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);word-break:break-word}.videoDetailsInput{width:100%;padding:var(--space-3) var(--space-4);border:3px solid var(--bg-surface-light);border-radius:var(--radius-lg);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);outline:none;transition:all .3s}.videoDetailsInput:focus{border-color:var(--detail-accent);box-shadow:var(--shadow-glow-cyan)}.videoDetailsInput:disabled{opacity:.6;cursor:not-allowed}.videoDetailsValueCode{font-family:monospace;font-size:var(--text-sm);background:color-mix(in srgb, var(--detail-accent) 10%, var(--bg-base));padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--bg-surface-light)}.videoDetailsStatusBadge{padding:var(--space-1) var(--space-3);border:2px solid var(--detail-accent);border-radius:var(--radius-full);font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--detail-accent);background:color-mix(in srgb, var(--detail-accent) 12%, var(--bg-base));font-weight:700;display:inline-flex}.videoDetailsLinks{gap:var(--space-3);flex-wrap:wrap;display:flex}.videoDetailsLinkButton{padding:var(--space-3) var(--space-5);border:2px solid var(--detail-accent);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--detail-accent);font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;justify-content:center;align-items:center;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.videoDetailsLinkButton:hover{border-color:var(--detail-accent);color:var(--text-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--detail-accent) 20%, transparent)}.videoDetailsLinkButton:disabled{border-color:var(--bg-surface-light);color:var(--text-muted);background:color-mix(in srgb, var(--bg-surface-light) 70%, transparent);box-shadow:none;cursor:not-allowed;opacity:.75}.videoDetailsTags{gap:var(--space-2);flex-wrap:wrap;display:flex}.videoDetailsTag{padding:var(--space-2) var(--space-3);border:2px solid var(--detail-accent);border-radius:var(--radius-full);background:color-mix(in srgb, var(--detail-accent) 12%, var(--bg-base));color:var(--detail-accent);font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:700;display:inline-flex}.videoDetailsFetchActions{gap:var(--space-3);flex-wrap:wrap;display:flex}.videoDetailsFetchButton{padding:var(--space-2) var(--space-4);background:var(--bg-surface);border:2px solid var(--detail-accent);border-radius:var(--radius-md);color:var(--detail-accent);font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;font-weight:700;transition:all .2s}.videoDetailsFetchButton:hover{border-color:var(--detail-accent);color:var(--text-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--detail-accent) 20%, transparent)}.videoDetailsModalFooter{justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--bg-surface-light);display:flex}.videoDetailsModalButton{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:3px solid;font-weight:700;transition:all .2s}.videoDetailsModalButtonSecondary{background:var(--bg-surface);color:var(--text-secondary);border-color:var(--text-secondary)}.videoDetailsModalButtonSecondary:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--text-primary)}.videoDetailsModalButtonPrimary{background:var(--bg-surface);color:var(--detail-accent);border-color:var(--detail-accent)}.videoDetailsModalButtonPrimary:hover:not(:disabled){box-shadow:var(--shadow-xl), var(--shadow-glow-cyan);transform:translateY(-2px)scale(1.02)}.videoDetailsModalButtonPrimary:disabled{opacity:.5;cursor:not-allowed}.videoDetailsModalButtonDanger{background:var(--bg-surface);color:var(--error);border-color:var(--error)}.videoDetailsModalButtonDanger:hover:not(:disabled){box-shadow:var(--shadow-xl);transform:translateY(-2px)scale(1.02)}.videoDetailsModalButtonDanger:disabled{opacity:.5;cursor:not-allowed}.videoDetailsSectionHeader{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.videoDetailsSectionHeader .videoDetailsSectionTitle{margin-bottom:0}.videoDetailsRefreshButton{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:2px solid var(--detail-accent);color:var(--detail-accent);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;font-size:.75rem;transition:all .2s;display:inline-flex}.videoDetailsRefreshButton:hover:not(:disabled){border-color:var(--detail-accent);color:var(--text-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--detail-accent) 20%, transparent)}.videoDetailsRefreshButton:disabled{opacity:.5;cursor:not-allowed}.videoDetailsRefreshSpinner{animation:1s linear infinite spin;display:inline-block}.videoDetailsThumbnailPreview{margin-bottom:var(--space-4);background:var(--bg-surface);border:2px solid var(--bg-surface-light);padding:var(--space-3);justify-content:center;display:flex}.videoDetailsThumbnailImage{object-fit:contain;border:2px solid var(--bg-surface-light);width:auto;max-width:320px;height:auto;max-height:180px}.videoDetailsThumbnailPlaceholder{width:320px;height:180px;color:var(--text-tertiary);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-base);border:2px dashed var(--bg-surface-light);justify-content:center;align-items:center;font-size:.875rem;display:flex}@media (width<=768px){.videoDetailsModal{width:95%;max-height:95vh}.videoDetailsModalHeader,.videoDetailsModalBody,.videoDetailsModalFooter{padding:var(--space-4)}.videoDetailsGrid{grid-template-columns:1fr}.videoDetailsFieldFull{grid-column:1}.videoDetailsSectionHeader{align-items:flex-start;gap:var(--space-2);flex-direction:column}.videoDetailsThumbnailImage,.videoDetailsThumbnailPlaceholder{width:100%;max-width:100%}}.videoPlayerModalOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.videoPlayerModal{--player-accent:var(--channel-player);background:var(--bg-surface);border:3px solid var(--player-accent);border-radius:var(--radius-xl);width:90%;max-width:1200px;max-height:90vh;box-shadow:var(--shadow-xl), 0 0 0 1px var(--player-accent), var(--shadow-glow-yellow);flex-direction:column;animation:.3s ease-out slideIn;display:flex}.videoPlayerModalHeader{padding:var(--space-4) var(--space-6);background:color-mix(in srgb, var(--player-accent) 12%, var(--bg-surface));border-bottom:1px solid var(--bg-surface-light);justify-content:space-between;align-items:center;display:flex}.videoPlayerModalTitle{flex-direction:column;gap:2px;display:flex;overflow:hidden}.videoPlayerModalArtist{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.videoPlayerModalTrack{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.4rem;font-weight:700;overflow:hidden}.videoPlayerModalClose{background:var(--bg-surface);border:1px solid var(--bg-surface-light);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);font-size:var(--text-xl);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;line-height:1;transition:all .2s;display:flex}.videoPlayerModalClose:hover{border-color:var(--player-accent);color:var(--text-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--player-accent) 25%, transparent)}.videoPlayerModalBody{min-height:0;padding:var(--space-4);background:#000;flex:1;justify-content:center;align-items:center;display:flex}.videoPlayerVideo{border-radius:var(--radius-lg);background:#000;outline:none;width:100%;max-height:calc(90vh - 170px)}.videoPlayerVideo:focus{outline:none}.videoPlayerModalHint{padding:var(--space-2) var(--space-4);background:var(--bg-base);border-top:1px solid var(--bg-surface-light);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;letter-spacing:.08em;text-transform:uppercase}@media (width<=767px){.videoPlayerModal{width:100%;max-width:none;max-height:100vh;box-shadow:none;border:none;border-radius:0}.videoPlayerModalHeader{padding:var(--space-3) var(--space-4)}.videoPlayerModalTrack{font-size:1.25rem}.videoPlayerVideo{border-radius:var(--radius-md);max-height:calc(100vh - 140px)}}.libraryPage{min-height:100vh}.libraryControls{gap:var(--space-3);grid-template-columns:1fr;width:100%;display:grid}@media (width>=900px){.libraryControls{grid-template-columns:4fr auto auto auto auto;align-items:center;width:auto;min-width:760px}}.libraryMain{padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.panelCard{background:var(--bg-surface);border:1px solid var(--bg-surface-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.sectionTitle{font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 var(--space-3) 0;font-weight:600}.searchInput{border-radius:var(--radius-md);border:1px solid var(--bg-surface-light);background:color-mix(in srgb, var(--bg-base) 85%, var(--bg-surface));width:100%;color:var(--text-primary);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);outline:none}.searchInput:focus{border-color:color-mix(in srgb, var(--header-accent) 55%, var(--bg-surface-light));box-shadow:0 0 0 3px color-mix(in srgb, var(--header-accent) 20%, transparent)}.select{border-radius:var(--radius-md);border:1px solid var(--bg-surface-light);background:color-mix(in srgb, var(--bg-base) 85%, var(--bg-surface));color:var(--text-primary);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base)}.primaryButton{padding:var(--space-3) var(--space-5);font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--mtv-orange) 70%, var(--bg-base));border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--mtv-orange) 80%, #fff 0%), var(--mtv-orange));color:var(--bg-base);box-shadow:var(--shadow-sm);cursor:pointer;font-weight:600;transition:transform .15s,box-shadow .15s}.primaryButton:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.primaryButton:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.primaryButton:disabled{opacity:.6;cursor:not-allowed}.facetSections{gap:var(--space-5);margin-top:var(--space-4);flex-direction:column;display:flex}.facetSection{gap:var(--space-3);flex-direction:column;display:flex}.facetHeader{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.facetHeader .sectionTitle{margin:0}.facetToggle{color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:0 0;border:none}.facetToggle:hover{color:var(--text-primary);background:color-mix(in srgb, var(--bg-surface-light) 60%, transparent)}.facetToggle:focus-visible{outline:2px solid color-mix(in srgb, var(--header-accent) 50%, transparent);outline-offset:2px}.facetSearchInput{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.facetPinned{gap:var(--space-3);flex-direction:column;display:flex}.facetDivider{background:color-mix(in srgb, var(--bg-surface-light) 80%, transparent);height:1px}.facetList{gap:var(--space-2);flex-wrap:wrap;display:flex}.facetListExpanded{max-height:220px;padding-right:var(--space-1);overflow-y:auto}.facetListPinned{margin-bottom:0}.facetItem{border-radius:var(--radius-full);border:1px solid var(--bg-surface-light);background:color-mix(in srgb, var(--bg-surface) 85%, transparent);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:6px 10px;font-weight:600;transition:all .15s}.facetItem:hover{border-color:var(--mtv-blue);color:var(--mtv-blue);box-shadow:0 0 0 2px color-mix(in srgb, var(--mtv-blue) 35%, transparent)}.facetItemActive{border-color:var(--mtv-blue);background:color-mix(in srgb, var(--mtv-blue) 18%, var(--bg-surface));color:var(--text-primary);box-shadow:var(--shadow-sm)}.facetItemPinned{font-weight:700}.facetCount{margin-left:var(--space-2);color:var(--text-tertiary)}.facetEmpty{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-tertiary)}.libraryFacetsBar{gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.libraryFacetsBarRow{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:nowrap;display:flex}.libraryFacetsBarTitle{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.libraryFacetsBarStatus{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.libraryFacetsBarMeta{align-items:center;gap:var(--space-3);flex-shrink:0;margin-left:auto;display:flex}.libraryTotalCount{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);font-weight:700}.libraryColumnsControl,.libraryStatusControl{align-items:center;gap:var(--space-2);flex-shrink:0;display:inline-flex}.libraryColumnsLabel,.libraryStatusLabel{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);font-weight:700}.libraryColumnsSelect{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-width:200px}.libraryStatusSelect{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-width:170px}.facetClearButton{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--bg-surface-light);background:color-mix(in srgb, var(--bg-surface) 85%, transparent);color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;font-weight:600;transition:all .15s}.facetClearButton:hover{border-color:var(--mtv-blue);color:var(--mtv-blue)}.libraryFacetButtons{gap:var(--space-2);flex-wrap:nowrap;flex:1;min-width:0;display:flex;overflow:visible}.libraryFacetGroup{position:relative}.libraryFacetButton{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--bg-surface-light);background:color-mix(in srgb, var(--bg-surface) 85%, transparent);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;font-weight:700;transition:all .15s;display:inline-flex}.libraryFacetButton:hover:not(:disabled){border-color:var(--mtv-blue);color:var(--mtv-blue);box-shadow:0 0 0 2px color-mix(in srgb, var(--mtv-blue) 35%, transparent)}.libraryFacetButton:disabled{opacity:.5;cursor:not-allowed}.libraryFacetButtonActive{border-color:var(--mtv-blue);color:var(--mtv-blue);background:color-mix(in srgb, var(--mtv-blue) 18%, var(--bg-surface))}.libraryFacetButtonLabel{white-space:nowrap}.libraryFacetButtonValue{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:0;text-transform:none;color:var(--text-secondary);font-weight:500}.libraryFacetButtonActive .libraryFacetButtonValue{color:var(--text-primary)}.libraryFacetButtonCaret{opacity:.7;font-size:.75rem}.facetPopover{top:calc(100% + var(--space-2));z-index:20;background:var(--bg-surface);border:1px solid var(--bg-surface-light);border-radius:var(--radius-lg);width:min(340px,90vw);box-shadow:var(--shadow-md);padding:var(--space-4);position:absolute;left:0}.facetPopoverHeader{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.facetPopoverTitle{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-weight:700}.facetPopoverBody{margin-top:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.facetPopoverSearch{margin-top:0}.statusLine{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary)}.libraryLoadMore{padding:var(--space-6) 0 var(--space-2);justify-content:center;align-items:center;display:flex}.viewToggle{border:4px solid var(--bg-accent);border-radius:0;gap:0;display:flex;overflow:hidden}.viewToggleButton{padding:var(--space-4) var(--space-5);font-family:var(--font-ui);letter-spacing:.05em;text-transform:uppercase;background:var(--bg-base);color:var(--text-secondary);cursor:pointer;font-weight:700;font-size:var(--text-sm);border:none;transition:all .15s}.viewToggleButton:not(:last-child){border-right:4px solid var(--bg-accent)}.viewToggleButton:hover{background:var(--bg-surface);color:var(--text-primary)}.viewToggleButtonActive,.viewToggleButtonActive:hover{background:var(--mtv-blue);color:var(--text-on-dark)}.logoutIconButton{border:4px solid var(--bg-accent);background:var(--bg-base);width:52px;height:52px;color:var(--text-secondary);cursor:pointer;border-radius:0;justify-content:center;justify-self:end;align-items:center;transition:all .15s;display:inline-flex}.logoutIconButton:hover{background:var(--bg-surface);color:var(--text-primary)}.logoutIconButton:focus-visible{outline:2px solid color-mix(in srgb, var(--header-accent) 50%, transparent);outline-offset:2px}.logoutIconButton:disabled{opacity:.6;cursor:not-allowed}.logoutIcon{width:20px;height:20px}.libraryVideos{flex:1;min-width:0}@media (width<=720px){.facetPopover{width:min(320px,92vw)}}.activityMonitor{background:var(--bg-base);min-height:100vh}.activityContent{max-width:1400px;margin:0 auto;padding:1.5rem 2rem}.activityLiveIndicator{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb, var(--bg-base) 75%, var(--bg-surface));color:var(--header-accent);border:1px solid color-mix(in srgb, var(--header-accent) 45%, var(--bg-surface-light));border-radius:var(--radius-full);box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding:.4rem .85rem;font-weight:600;display:inline-flex}.liveDot{background:var(--header-accent);width:8px;height:8px;box-shadow:0 0 6px color-mix(in srgb, var(--header-accent) 40%, transparent);border-radius:50%}.liveDotConnected{animation:1.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.filterBar{max-width:1400px;margin:2rem auto;padding:0 2rem}.filterContainer{background:var(--bg-surface);border:1px solid var(--bg-surface-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem}.filterRow{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.filterLabel{font-family:var(--font-ui);color:var(--channel-manage);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.filterChips{flex-wrap:wrap;flex:1;gap:.5rem;display:flex}.filterChip{font-family:var(--font-ui);background:color-mix(in srgb, var(--bg-surface) 80%, transparent);color:var(--text-secondary);border:1px solid var(--bg-surface-light);border-radius:var(--radius-full);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;padding:.4rem .9rem;font-size:.75rem;font-weight:600;transition:all .15s}.filterChip:hover{border-color:color-mix(in srgb, var(--channel-manage) 45%, var(--bg-surface-light));color:var(--text-primary)}.filterChipActive{background:color-mix(in srgb, var(--channel-manage) 18%, var(--bg-surface));color:var(--text-primary);border-color:color-mix(in srgb, var(--channel-manage) 55%, var(--bg-surface-light));box-shadow:var(--shadow-sm)}.activityMonitor .searchInput{min-width:200px;font-family:var(--font-ui);background:color-mix(in srgb, var(--bg-base) 85%, var(--bg-surface));color:var(--text-primary);border:1px solid var(--bg-surface-light);border-radius:var(--radius-md);outline:none;flex:1;padding:.65rem .9rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.activityMonitor .searchInput:focus{border-color:color-mix(in srgb, var(--channel-manage) 55%, var(--bg-surface-light));box-shadow:0 0 0 3px color-mix(in srgb, var(--channel-manage) 20%, transparent)}.maintenancePanel{max-width:1400px;margin:0 auto 2rem;padding:0 2rem}.maintenanceContainer{background:var(--bg-surface);border:1px solid var(--bg-surface-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.maintenanceHeader{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.maintenanceSubtitle{font-family:var(--font-body);color:var(--text-secondary);margin:.35rem 0 0;font-size:.95rem}.maintenanceGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.maintenanceCard{background:color-mix(in srgb, var(--bg-base) 70%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--bg-surface-light) 70%, transparent);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.maintenanceDescription{font-family:var(--font-body);color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.4}.maintenanceButton{border-radius:var(--radius-full);background:var(--channel-manage);color:var(--text-on-dark);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;align-self:flex-start;padding:.6rem 1.2rem;font-size:.75rem;font-weight:700;transition:all .15s}.maintenanceButton:hover:not(:disabled){box-shadow:0 6px 16px color-mix(in srgb, var(--channel-manage) 40%, transparent);transform:translateY(-1px)}.jobSections{flex-direction:column;gap:2rem;max-width:1400px;margin:0 auto 4rem;padding:0 2rem;display:flex}.jobSection{animation:.4s ease-out backwards fadeInUp}.jobSection:first-child{animation-delay:.1s}.jobSection:nth-child(2){animation-delay:.2s}.jobSection:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sectionHeader{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.activityMonitor .sectionTitle{font-family:var(--font-display);text-transform:none;letter-spacing:-.01em;margin:0;font-size:1.75rem;font-weight:600}.activityMonitor .sectionTitleActive{color:var(--channel-manage)}.activityMonitor .sectionTitleCompleted{color:var(--channel-library)}.activityMonitor .sectionTitleFailed{color:var(--error)}.sectionCount{font-family:var(--font-ui);font-size:var(--text-xs);background:color-mix(in srgb, var(--bg-surface) 80%, transparent);border:1px solid var(--bg-surface-light);border-radius:var(--radius-full);padding:.2rem .7rem;font-weight:600}.sectionCountActive{background:color-mix(in srgb, var(--channel-manage) 20%, var(--bg-surface));color:var(--text-primary);border-color:color-mix(in srgb, var(--channel-manage) 55%, var(--bg-surface-light))}.sectionCountCompleted{background:color-mix(in srgb, var(--channel-library) 20%, var(--bg-surface));color:var(--text-primary);border-color:color-mix(in srgb, var(--channel-library) 55%, var(--bg-surface-light))}.sectionCountFailed{background:color-mix(in srgb, var(--error) 20%, var(--bg-surface));color:var(--text-primary);border-color:color-mix(in srgb, var(--error) 55%, var(--bg-surface-light))}.collapseArrow{color:var(--text-secondary);font-size:1.5rem;transition:transform .2s}.collapseArrowCollapsed{transform:rotate(-90deg)}.jobGrid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;display:grid}.emptyState{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:4rem 2rem}.emptyIcon{opacity:.3;margin-bottom:1rem;font-size:4rem}.emptyMessage{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;font-size:1rem;font-weight:600}.errorBanner{background:color-mix(in srgb, var(--error) 25%, var(--bg-surface));color:var(--text-primary);border:1px solid color-mix(in srgb, var(--error) 45%, var(--bg-surface-light));border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-family:var(--font-ui);z-index:1000;max-width:400px;padding:.9rem 1.2rem;font-size:.875rem;font-weight:600;animation:.3s ease-out slideIn;position:fixed;bottom:2rem;right:2rem}@media (width<=900px){.filterRow{flex-direction:column;align-items:stretch}.filterChips,.searchInput{width:100%}}@media (width<=768px){.jobGrid{grid-template-columns:1fr}.filterBar,.jobSections{padding:0 1rem}}.jobCard{background:var(--bg-surface);border:1px solid var(--bg-surface-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.jobCard:before{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--job-color,var(--bg-accent)) 70%, transparent), transparent);width:8px;height:100%;position:absolute;top:0;left:0}.jobCardRunning{--job-color:var(--channel-manage);border-color:color-mix(in srgb, var(--channel-manage) 45%, var(--bg-surface-light));animation:3s ease-in-out infinite pulseCard}@keyframes pulseCard{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--channel-manage) 25%, transparent)}}.jobCardCompleted{--job-color:var(--channel-library);border-color:var(--bg-surface-light);opacity:.7}.jobCardFailed{--job-color:var(--error);border-color:color-mix(in srgb, var(--error) 55%, var(--bg-surface-light))}.jobCard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.jobCardHeader{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-left:1rem;display:flex}.jobInfo{flex:1;min-width:0}.jobType{font-family:var(--font-display);text-transform:none;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.25rem;font-size:1.35rem;font-weight:600}.jobId{font-family:var(--font-ui);color:var(--text-secondary);letter-spacing:.02em;word-break:break-word;overflow-wrap:anywhere;font-size:.85rem;font-weight:500;line-height:1.25}.jobStatusBadge{font-family:var(--font-ui);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border:1px solid;padding:.3rem .7rem;font-size:.7rem;font-weight:600}.jobStatusBadgeRunning{background:color-mix(in srgb, var(--channel-manage) 20%, var(--bg-surface));color:var(--text-primary);border-color:color-mix(in srgb, var(--channel-manage) 55%, var(--bg-surface-light));box-shadow:var(--shadow-sm)}.jobStatusBadgePending,.jobStatusBadgeWaiting{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 60%, var(--bg-surface-light));background:0 0}.jobStatusBadgeCompleted{color:var(--channel-library);border-color:color-mix(in srgb, var(--channel-library) 60%, var(--bg-surface-light));background:0 0}.jobStatusBadgeFailed,.jobStatusBadgeCancelled,.jobStatusBadgeTimeout{background:color-mix(in srgb, var(--error) 22%, var(--bg-surface));color:var(--text-primary);border-color:color-mix(in srgb, var(--error) 60%, var(--bg-surface-light))}.jobCurrentStep{font-family:var(--font-ui);color:var(--text-primary);margin-bottom:1rem;padding-left:1rem;font-size:.875rem;line-height:1.4}.jobCardPipeline{align-items:center;gap:var(--space-1);margin-bottom:1rem;padding-left:1rem;display:flex}.jobCardPipeline .pipelineStep{align-items:center;gap:var(--space-1);flex-direction:column;display:flex;position:relative}.jobCardPipeline .pipelineStep:after{content:"";width:var(--space-1);background:var(--bg-surface-light);height:2px;position:absolute;top:6px;left:100%}.jobCardPipeline .pipelineStep:last-child:after{display:none}.jobCardPipeline .pipelineStepDot{background:var(--bg-surface-light);border:2px solid var(--bg-surface);border-radius:50%;width:10px;height:10px}.jobCardPipeline .pipelineStepPending .pipelineStepDot{background:var(--text-tertiary)}.jobCardPipeline .pipelineStepRunning .pipelineStepDot{background:var(--channel-manage);animation:1.5s infinite pulse}.jobCardPipeline .pipelineStepCompleted .pipelineStepDot{background:var(--channel-library)}.jobCardPipeline .pipelineStepFailed .pipelineStepDot{background:var(--error)}.jobCardPipeline .pipelineStepLabel{font-family:var(--font-ui);color:var(--text-tertiary);white-space:nowrap;font-size:.65rem}.jobCardPipeline .pipelineStepRunning .pipelineStepLabel{color:var(--channel-manage);font-weight:600}.jobCardPipeline .pipelineStepCompleted .pipelineStepLabel{color:var(--channel-library)}.jobCardPipeline .pipelineStepFailed .pipelineStepLabel{color:var(--error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.jobProgress{margin-bottom:1rem;padding-left:1rem}.progressBarContainer{background:var(--bg-base);border:1px solid var(--bg-surface-light);border-radius:var(--radius-full);height:10px;margin-bottom:.5rem;position:relative;overflow:hidden}.progressBarFill{background:linear-gradient(90deg, var(--channel-manage) 0%, color-mix(in srgb, var(--channel-manage) 80%, var(--bg-base)) 100%);height:100%;transition:width .3s;position:relative}.progressBarFillRunning{box-shadow:0 0 12px color-mix(in srgb, var(--channel-manage) 35%, transparent)}.progressBarFillRunning:after{content:"";background:repeating-linear-gradient(90deg,#0000,#0000 10px,#ffffff1a 10px 20px);animation:1s linear infinite slide;position:absolute;inset:0}@keyframes slide{0%{transform:translate(0)}to{transform:translate(20px)}}.progressBarFillCompleted{background:linear-gradient(90deg, var(--channel-library) 0%, color-mix(in srgb, var(--channel-library) 80%, var(--bg-base)) 100%);box-shadow:0 0 12px color-mix(in srgb, var(--channel-library) 35%, transparent)}.progressBarFillFailed{background:linear-gradient(90deg, var(--error) 0%, color-mix(in srgb, var(--error) 80%, var(--bg-base)) 100%);box-shadow:0 0 12px color-mix(in srgb, var(--error) 35%, transparent)}.progressStats{font-family:var(--font-ui);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:1rem;font-size:.75rem;font-weight:600;display:flex}.progressPercentage{font-weight:700}.progressRunning{color:var(--channel-manage)}.progressCompleted{color:var(--channel-library)}.progressFailed{color:var(--error)}.progressSpeed{color:var(--channel-manage)}.progressEta,.progressItems{color:var(--text-secondary)}.jobMeta{font-family:var(--font-ui);color:var(--text-secondary);border-top:1px solid var(--bg-surface-light);justify-content:space-between;align-items:center;gap:1rem;padding-top:.75rem;padding-left:1rem;font-size:.75rem;display:flex}.jobTimestamp{flex:1;min-width:0}.jobActions{flex-shrink:0;gap:.5rem;display:flex}.actionBtn{font-family:var(--font-ui);background:color-mix(in srgb, var(--bg-surface) 80%, transparent);color:var(--text-secondary);border:1px solid var(--bg-surface-light);border-radius:var(--radius-full);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .7rem;font-size:.7rem;font-weight:600;transition:all .15s}.actionBtn:hover{border-color:color-mix(in srgb, var(--channel-manage) 50%, var(--bg-surface-light));color:var(--text-primary)}.actionBtnDanger:hover{border-color:color-mix(in srgb, var(--error) 50%, var(--bg-surface-light));color:var(--error)}.jobDetails{background:color-mix(in srgb, var(--bg-base) 80%, var(--bg-surface));border-top:1px solid var(--bg-surface-light);margin-top:1rem;padding:1rem 1rem 1rem 1.5rem}.jobDetailsSection{margin-bottom:1rem}.jobDetailsSection:last-child{margin-bottom:0}.jobDetailsLabel{font-family:var(--font-ui);color:var(--channel-manage);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.jobDetailsValue{font-family:var(--font-ui);color:var(--text-primary);font-size:.875rem;line-height:1.5}.jobDetailsError{color:var(--error)}.jobDetailsCode{background:var(--bg-surface-light);border:1px solid var(--bg-surface-light);border-radius:var(--radius-sm);padding:.75rem;font-size:.75rem;overflow-x:auto}@media (width<=768px){.jobMeta{flex-direction:column;align-items:flex-start}.jobActions{flex-wrap:wrap;width:100%}}.jobGroup{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);overflow:hidden}.jobGroupRunning{border-left:3px solid var(--status-running)}.jobGroupPending{border-left:3px solid var(--status-pending)}.jobGroupCompleted{border-left:3px solid var(--status-completed)}.jobGroupFailed{border-left:3px solid var(--status-failed)}.jobGroupHeader{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .15s;display:flex}.jobGroupHeader:hover{background:var(--card-hover)}.jobGroupInfo{flex:1;min-width:0}.jobGroupTitle{align-items:baseline;gap:var(--space-2);row-gap:var(--space-1);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.jobGroupArtist{letter-spacing:.02em;color:var(--text-secondary);font-size:.85rem;font-weight:500}.jobGroupArtist:after{content:"—";margin-left:var(--space-2);color:var(--text-tertiary)}.jobGroupVideoTitle{color:var(--text-primary);letter-spacing:-.01em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.jobGroupStep{font-size:var(--text-sm);color:var(--text-tertiary)}.jobGroupPipeline{align-items:center;gap:var(--space-1);display:flex}.pipelineStep{align-items:center;gap:var(--space-1);flex-direction:column;display:flex;position:relative}.pipelineStep:after{content:"";width:var(--space-1);background:var(--border-subtle);height:2px;position:absolute;top:6px;left:100%}.pipelineStep:last-child:after{display:none}.pipelineStepDot{background:var(--border-default);border:2px solid var(--card-bg);border-radius:50%;width:12px;height:12px}.pipelineStepPending .pipelineStepDot{background:var(--text-tertiary)}.pipelineStepRunning .pipelineStepDot{background:var(--status-running);animation:1.5s infinite pulse}.pipelineStepCompleted .pipelineStepDot{background:var(--status-completed)}.pipelineStepFailed .pipelineStepDot{background:var(--status-failed)}.pipelineStepLabel{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.pipelineStepRunning .pipelineStepLabel{color:var(--status-running);font-weight:500}.pipelineStepCompleted .pipelineStepLabel{color:var(--status-completed)}.pipelineStepFailed .pipelineStepLabel{color:var(--status-failed)}.jobGroupProgress{align-items:center;gap:var(--space-2);min-width:120px;display:flex}.jobGroupProgressBar{background:var(--progress-bg);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.jobGroupProgressFill{background:var(--accent-primary);border-radius:var(--radius-full);height:100%;transition:width .3s}.jobGroupProgressText{font-size:var(--text-sm);color:var(--text-secondary);text-align:right;min-width:40px;font-weight:500}.jobGroupActions{align-items:center;gap:var(--space-2);display:flex}.groupCancelBtn{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--status-failed-bg);color:var(--status-failed);font-size:var(--text-sm);cursor:pointer;border:none;transition:background .15s}.groupCancelBtn:hover{background:var(--status-failed);color:#fff}.expandArrow{font-size:var(--text-xs);color:var(--text-tertiary);transition:transform .2s}.expandArrowExpanded{transform:rotate(180deg)}.jobGroupJobs{border-top:1px solid var(--card-border);padding:var(--space-2);background:var(--bg-secondary)}.jobGroupJobItem{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);display:flex}.jobGroupJobItem:hover{background:var(--card-bg)}.jobGroupJobType{min-width:80px;font-size:var(--text-sm);color:var(--text-secondary);flex-shrink:0;font-weight:500}.jobGroupJobStep{font-size:var(--text-sm);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.activeJobsTab{gap:var(--space-6);padding:var(--space-4);flex-direction:column;display:flex}.activeJobsSection,.maintenanceSection{gap:var(--space-3);flex-direction:column;display:flex}.sectionTitle{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:600}.maintenanceSubtitle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.maintenanceSection{background:var(--bg-surface);border:1px solid var(--bg-surface-light);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.jobsContainer{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));align-items:start;display:grid}.maintenanceGrid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.maintenanceCard{padding:var(--space-4);background:color-mix(in srgb, var(--bg-base) 70%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--bg-surface-light) 70%, transparent);border-radius:var(--radius-md);gap:var(--space-3);box-shadow:var(--shadow-xs);flex-direction:column;display:flex}.maintenanceCardHeader{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.maintenanceTitle{font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);font-size:.95rem;font-weight:700}.maintenanceDescription{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;line-height:1.5}.maintenanceButton{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--bg-surface-light);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-base) 80%, transparent);color:var(--text-secondary);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;font-weight:600;transition:all .15s}.maintenanceButton:hover{border-color:color-mix(in srgb, var(--header-accent,var(--channel-manage)) 45%, var(--bg-surface-light));color:var(--text-primary)}.maintenanceButton:disabled{opacity:.5;cursor:not-allowed}.emptyMessage{font-size:var(--text-base)}.compactJobCard{align-items:stretch;gap:var(--space-2);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);font-size:var(--text-sm);flex-direction:column;padding:0;display:flex}.compactJobCard:hover{background:var(--card-hover)}.compactJobCardFailed{border-left:3px solid var(--status-failed)}.compactJobCardCompleted{border-left:3px solid var(--status-completed)}.compactJobRow{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);display:flex}.compactJobCheckbox{cursor:pointer;flex-shrink:0;width:16px;height:16px}.compactJobType{min-width:100px;color:var(--text-secondary);flex-shrink:0;font-weight:500}.compactJobInfo{flex:1;min-width:0;overflow:hidden}.compactJobTitle,.compactJobStep{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);display:block;overflow:hidden}.compactJobStep{color:var(--text-tertiary)}.compactJobMeta{gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs);flex-shrink:0;display:flex}.compactJobDuration{color:var(--text-secondary)}.compactJobTime{color:var(--text-tertiary)}.compactJobActions{gap:var(--space-1);opacity:0;flex-shrink:0;transition:opacity .15s;display:flex}.compactJobCard:hover .compactJobActions{opacity:1}.compactActionBtn{border-radius:var(--radius-sm);background:var(--btn-secondary-bg);width:24px;height:24px;color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.compactActionBtn:hover{background:var(--btn-secondary-hover);color:var(--text-primary)}.compactActionBtnClear:hover{background:var(--status-failed-bg);color:var(--status-failed)}.compactJobDetails{border-top:1px solid var(--card-border);background:var(--bg-secondary);padding:var(--space-2) var(--space-3);gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);flex-direction:column;display:flex}.compactJobDetailRow{gap:var(--space-2);align-items:flex-start;min-width:0;display:flex}.compactJobDetailLabel{min-width:70px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-weight:600}.compactJobDetailValue{color:var(--text-secondary);word-break:break-word}.compactJobDetailCode{min-width:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--card-border);background:var(--card-bg);font-family:var(--font-mono,monospace);font-size:var(--text-xs);white-space:pre-wrap;flex:1;max-height:180px;margin:0;overflow:auto}.compactJobListHeader{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);display:flex}.compactJobListHeader label{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.batchActionBtn:hover{background:var(--btn-secondary-hover);color:var(--text-primary)}.historyJobGroup{border:1px solid var(--card-border);border-radius:var(--radius-md);background:var(--card-bg);overflow:hidden}.historyJobGroupFailed{border-left:3px solid var(--status-failed)}.historyJobGroupCompleted{border-left:3px solid var(--status-completed)}.historyJobGroupHeader{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.historyJobGroupHeader:hover{background:var(--card-hover)}.historyJobGroupInfo{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.historyJobGroupTitle{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.historyJobGroupMeta{gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);flex-wrap:wrap;display:flex}.historyJobGroupBadge{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.historyJobGroupArrow{font-size:var(--text-xs);color:var(--text-tertiary);transition:transform .2s}.historyJobGroupArrowExpanded{transform:rotate(180deg)}.historyJobGroupJobs{background:var(--bg-secondary);padding:var(--space-2) var(--space-3) var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.historyTab{padding:var(--space-4)}.historyHeader{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);display:flex}.selectAllLabel{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);display:flex}.selectAllLabel input{cursor:pointer;width:16px;height:16px}.batchActions{gap:var(--space-2);margin-left:auto;display:flex}.batchActionBtn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--btn-secondary-bg);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;border:none;transition:background .15s}.batchActionBtn:hover:not(:disabled){background:var(--btn-secondary-hover);color:var(--text-primary)}.batchActionBtn:disabled{opacity:.5;cursor:not-allowed}.batchActionBtnDanger{background:var(--status-failed-bg);color:var(--status-failed)}.batchActionBtnDanger:hover:not(:disabled){background:var(--status-failed);color:#fff}.compactJobList{gap:var(--space-1);flex-direction:column;display:flex}.historyGroupList{gap:var(--space-3);flex-direction:column;display:flex}.emptyState{padding:var(--space-8);text-align:center;color:var(--text-tertiary)}.emptyIcon{margin-bottom:var(--space-2);font-size:2rem}.emptyMessage{font-size:var(--text-base);margin-bottom:var(--space-1)}.emptySubtext{font-size:var(--text-sm);margin:0}.paginationControls{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-3);border-top:1px solid var(--card-border);display:flex}.paginationBtn{padding:var(--space-1) var(--space-3);border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background .15s,color .15s}.paginationBtn:hover:not(:disabled){background:var(--btn-secondary-hover);color:var(--text-primary)}.paginationBtn:disabled{opacity:.5;cursor:not-allowed}.paginationInfo{font-size:var(--text-sm);color:var(--text-tertiary)}.settingSection{margin-bottom:var(--space-8)}.settingSection:last-child{margin-bottom:0}.settingSectionHeader{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--bg-surface-light)}.settingSectionTitle{font-family:var(--font-display);color:var(--text-primary);text-transform:none;letter-spacing:-.01em;margin:0 0 var(--space-2) 0;font-size:1.75rem;font-weight:600}.settingSectionDescription{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}.safetyBadge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);box-shadow:none;border:1px solid;font-weight:600;transition:all .15s;display:inline-flex}.safetyBadge:hover{transform:translateY(-1px)}.safetyBadge__icon{font-size:1rem;line-height:1}.safetyBadge__label{line-height:1}.safetyBadge--safe{background:color-mix(in srgb, var(--success) 18%, var(--bg-surface));border-color:color-mix(in srgb, var(--success) 55%, var(--bg-surface-light));color:var(--text-primary)}.safetyBadge--requires_reload{background:color-mix(in srgb, var(--warning) 18%, var(--bg-surface));border-color:color-mix(in srgb, var(--warning) 55%, var(--bg-surface-light));color:var(--text-primary)}.safetyBadge--affects_state{background:color-mix(in srgb, var(--error) 18%, var(--bg-surface));border-color:color-mix(in srgb, var(--error) 55%, var(--bg-surface-light));color:var(--text-primary)}.settingField{padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--bg-surface-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);transition:border-color .15s,box-shadow .15s}.settingFieldDirty{border-color:color-mix(in srgb, var(--mtv-orange) 55%, var(--bg-surface-light));box-shadow:0 0 0 2px color-mix(in srgb, var(--mtv-orange) 18%, transparent)}.settingFieldError{border-color:color-mix(in srgb, var(--error) 55%, var(--bg-surface-light));box-shadow:0 0 0 2px color-mix(in srgb, var(--error) 18%, transparent)}.fieldHeader{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.fieldLabelGroup{align-items:center;gap:var(--space-3);flex:1;display:flex}.fieldLabel{font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-primary);letter-spacing:.01em;font-weight:600}.fieldRevert{padding:var(--space-1) var(--space-3);background:color-mix(in srgb, var(--bg-surface) 70%, transparent);border:1px solid color-mix(in srgb, var(--mtv-orange) 50%, var(--bg-surface-light));border-radius:var(--radius-full);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.08em;cursor:pointer;white-space:nowrap;font-weight:600;transition:all .15s}.fieldRevert:hover{border-color:color-mix(in srgb, var(--mtv-orange) 70%, var(--bg-surface-light));box-shadow:0 0 0 2px color-mix(in srgb, var(--mtv-orange) 18%, transparent)}.fieldDescription{margin:0 0 var(--space-3) 0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.fieldInput{margin-bottom:var(--space-2)}.fieldInputText,.fieldInputNumber,.fieldInputSelect,.fieldInputTextarea{width:100%;padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--bg-base) 85%, var(--bg-surface));border:1px solid var(--bg-surface-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);outline:none;transition:border-color .15s,box-shadow .15s}.fieldInputText:focus,.fieldInputNumber:focus,.fieldInputSelect:focus,.fieldInputTextarea:focus{border-color:color-mix(in srgb, var(--channel-system) 55%, var(--bg-surface-light));box-shadow:0 0 0 3px color-mix(in srgb, var(--channel-system) 20%, transparent)}.fieldInputText:disabled,.fieldInputNumber:disabled,.fieldInputSelect:disabled,.fieldInputTextarea:disabled{opacity:.5;cursor:not-allowed}.fieldInputTextarea{resize:vertical;min-height:100px;font-family:Courier New,monospace}.fieldToggle{align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.fieldToggleInput{opacity:0;width:0;height:0;position:absolute}.fieldToggleSlider{background:var(--bg-surface-light);border:1px solid var(--bg-surface-light);border-radius:var(--radius-full);width:48px;height:24px;transition:all .2s;position:relative}.fieldToggleSlider:before{content:"";background:var(--text-tertiary);border-radius:999px;width:16px;height:16px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.fieldToggleInput:checked+.fieldToggleSlider{background:color-mix(in srgb, var(--channel-manage) 45%, var(--bg-surface));border-color:color-mix(in srgb, var(--channel-manage) 55%, var(--bg-surface-light))}.fieldToggleInput:checked+.fieldToggleSlider:before{background:var(--text-primary);transform:translate(22px)}.fieldToggle:hover .fieldToggleSlider{box-shadow:0 0 0 2px color-mix(in srgb, var(--channel-system) 18%, transparent)}.fieldToggleLabel{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-primary);letter-spacing:.03em;font-weight:600}.fieldStatus{padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--mtv-orange) 18%, var(--bg-surface));border-left:3px solid color-mix(in srgb, var(--mtv-orange) 60%, var(--bg-surface-light));font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-primary);letter-spacing:.08em;margin-bottom:var(--space-2);font-weight:600;animation:1.5s ease-in-out infinite pulse}.fieldError{padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--error) 18%, var(--bg-surface));border-left:3px solid color-mix(in srgb, var(--error) 60%, var(--bg-surface-light));font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2)}.fieldPath{font-family:Courier New,monospace;font-size:var(--text-xs);color:var(--text-tertiary);opacity:.7}.fieldArray{width:100%}.confirmChangeOverlay{z-index:1000;padding:var(--space-4);background:#0a0908d9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.confirmChangeModal{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--warning) 60%, var(--bg-surface-light));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:700px;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) slideIn;display:flex}.confirmChangeHeader{padding:var(--space-6);background:color-mix(in srgb, var(--warning) 25%, var(--bg-surface));border-bottom:1px solid var(--bg-surface-light);align-items:center;gap:var(--space-4);display:flex;position:relative}.confirmChangeIcon{color:var(--warning);font-size:2.5rem}.confirmChangeTitle{font-family:var(--font-display);color:var(--text-primary);text-transform:none;letter-spacing:-.01em;flex:1;margin:0;font-size:1.5rem;font-weight:600}.confirmChangeClose{background:color-mix(in srgb, var(--bg-surface) 70%, transparent);border:1px solid var(--bg-surface-light);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:2rem;line-height:1;transition:all .15s;display:flex}.confirmChangeClose:hover{border-color:color-mix(in srgb, var(--warning) 50%, var(--bg-surface-light));color:var(--text-primary)}.confirmChangeBody{padding:var(--space-6);flex:1;overflow-y:auto}.confirmChangeWarning{padding:var(--space-4);background:color-mix(in srgb, var(--bg-base) 80%, var(--bg-surface));border-left:3px solid color-mix(in srgb, var(--warning) 55%, var(--bg-surface-light));margin-bottom:var(--space-6);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);line-height:1.6}.confirmChangeSection{margin-bottom:var(--space-6)}.confirmChangeSection:last-child{margin-bottom:0}.confirmChangeSectionTitle{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--warning);text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--space-4) 0;font-weight:600}.affectedFields{gap:var(--space-4);flex-direction:column;display:flex}.affectedField{padding:var(--space-4);background:color-mix(in srgb, var(--bg-base) 80%, var(--bg-surface));border:1px solid var(--bg-surface-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.affectedFieldHeader{margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--bg-surface-light);justify-content:space-between;align-items:center;display:flex}.affectedFieldPath{font-family:Courier New,monospace;font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.affectedFieldChange{gap:var(--space-3);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.changeValue{padding:var(--space-2);background:var(--bg-surface);border:1px solid var(--bg-surface-light);border-radius:var(--radius-sm)}.changeValueLabel{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.08em;margin-bottom:var(--space-1);font-weight:600}.changeValueContent{font-family:Courier New,monospace;font-size:var(--text-sm);color:var(--text-primary);word-break:break-all}.changeValueOld{border-left-width:3px;border-left-color:var(--error)}.changeValueNew{border-left-width:3px;border-left-color:var(--success)}.changeArrow{color:var(--text-tertiary);text-align:center;font-size:1.5rem}.requiredActions{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.requiredAction{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:color-mix(in srgb, var(--bg-base) 80%, var(--bg-surface));border-left:3px solid color-mix(in srgb, var(--warning) 55%, var(--bg-surface-light));display:flex}.requiredActionIcon{color:var(--warning);font-size:var(--text-base);flex-shrink:0;line-height:1.6}.requiredActionText{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);line-height:1.6}.requiredActionsNote{margin-top:var(--space-4);padding:var(--space-3);background:color-mix(in srgb, var(--bg-base) 80%, var(--bg-surface));border:1px dashed var(--bg-surface-light);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;line-height:1.6}.confirmChangeFooter{padding:var(--space-6);background:var(--bg-base);border-top:1px solid var(--bg-surface-light);gap:var(--space-3);justify-content:flex-end;display:flex}.confirmChangeButton{padding:var(--space-4) var(--space-6);font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid;font-weight:600;transition:all .15s}.confirmChangeButton:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.confirmChangeButton:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.confirmChangeButtonCancel{background:color-mix(in srgb, var(--bg-surface) 70%, transparent);border-color:var(--bg-surface-light);color:var(--text-secondary)}.confirmChangeButtonCancel:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--text-secondary) 60%, var(--bg-surface-light))}.confirmChangeButtonConfirm{background:linear-gradient(135deg, color-mix(in srgb, var(--warning) 80%, #fff 0%), var(--warning));border-color:color-mix(in srgb, var(--warning) 60%, var(--bg-surface-light));color:var(--bg-base)}.confirmChangeButtonConfirm:hover{border-color:color-mix(in srgb, var(--warning) 70%, var(--bg-surface-light))}@media (width<=640px){.confirmChangeModal{max-width:100%}.confirmChangeTitle{font-size:1.25rem}.affectedFieldChange{grid-template-columns:1fr}.changeArrow{transform:rotate(90deg)}.confirmChangeFooter{flex-direction:column-reverse}.confirmChangeButton{width:100%}}.settingsPage{background:var(--bg-base);flex-direction:column;min-height:100vh;display:flex}.settingsMain{flex:1;min-height:0;display:flex}.settingsNav{background:var(--bg-surface);border-right:1px solid var(--bg-surface-light);flex-shrink:0;width:280px;overflow-y:auto}.navHeader{padding:var(--space-6) var(--space-4);background:linear-gradient(135deg, color-mix(in srgb, var(--channel-system) 60%, var(--bg-surface)) 0%, var(--bg-surface) 100%);border-bottom:1px solid var(--bg-surface-light);align-items:center;gap:var(--space-3);display:flex}.navHeaderIcon{color:var(--text-primary);font-size:2rem}.navHeaderTitle{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.navGroup{border-bottom:1px solid var(--bg-surface-light)}.navGroupTitle{padding:var(--space-4) var(--space-4) var(--space-2);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.12em;font-weight:600}.navGroupItems{padding-bottom:var(--space-2)}.navItem{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.navItem:hover{background:var(--bg-surface-light);color:var(--text-primary);border-left-color:var(--channel-system)}.navItemActive{background:var(--bg-base);color:var(--text-primary);border-left-color:var(--channel-system);box-shadow:inset 2px 0 0 color-mix(in srgb, var(--channel-system) 70%, transparent);font-weight:600}.navItemDot{opacity:.5;font-size:.5rem;transition:opacity .15s}.navItemActive .navItemDot{opacity:1;color:var(--channel-system)}.navItemLabel{flex:1}.navItemIndicator{color:var(--channel-system);font-size:.75rem;animation:1.5s ease-in-out infinite pulse}.settingsContent{background:var(--bg-base);flex:1;overflow-y:auto}.settingsContentHeader{padding:var(--space-6);background:var(--bg-surface);border-bottom:1px solid var(--bg-surface-light);z-index:10;position:sticky;top:0}.settingsPage .sectionTitle{font-family:var(--font-display);color:var(--text-primary);text-transform:none;letter-spacing:-.01em;margin:0 0 var(--space-2) 0;font-size:2rem;font-weight:600}.sectionPath{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.1em;font-weight:700}.settingsPanel{padding:var(--space-6)}.settingsLoading{padding:var(--space-12);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.loadingSpinner{border:3px solid var(--bg-surface-light);border-top-color:var(--channel-system);border-radius:50%;width:64px;height:64px;animation:1s linear infinite spin}.loadingText{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.12em;font-weight:600}.settingsError{padding:var(--space-12);align-items:center;gap:var(--space-4);background:color-mix(in srgb, var(--error) 10%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--error) 50%, var(--bg-surface-light));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.errorIcon{color:var(--error);font-size:4rem}.errorTitle{font-family:var(--font-display);color:var(--error);text-transform:none;letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.errorMessage{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);text-align:center;max-width:600px}.placeholderMessage{padding:var(--space-8);align-items:center;gap:var(--space-4);background:var(--bg-surface);border:1px dashed var(--bg-surface-light);border-radius:var(--radius-lg);flex-direction:column;display:flex}.placeholderIcon{color:var(--text-tertiary);font-size:4rem}.placeholderTitle{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:2rem;font-weight:600}.placeholderText{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);text-align:center;max-width:600px}.configPreview{width:100%;max-width:800px;margin-top:var(--space-4)}.configPreview pre{padding:var(--space-4);background:color-mix(in srgb, var(--bg-base) 85%, var(--bg-surface));border:1px solid var(--bg-surface-light);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:var(--text-sm);color:var(--text-secondary);overflow-x:auto;box-shadow:inset 0 1px 2px #0003}@media (width<=768px){.settingsMain{flex-direction:column}.settingsNav{border-right:none;border-bottom:1px solid var(--bg-surface-light);width:100%}}.aboutGrid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.aboutItem{background:var(--bg-surface-light);border:1px solid var(--bg-surface-light);border-radius:var(--radius-md);padding:var(--space-4)}.aboutLabel{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2);font-weight:600}.aboutValue{font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-primary)}.aboutLoading{color:var(--text-tertiary)}.aboutError{color:var(--color-error)}.aboutOnline,.aboutEnabled{color:var(--color-success)}.aboutDisabled{color:var(--text-tertiary)}.aboutLinks{gap:var(--space-4);flex-wrap:wrap;display:flex}.aboutLink{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-surface-light);border:1px solid var(--bg-surface-light);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--channel-system);font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.aboutLink:hover{background:color-mix(in srgb, var(--channel-system) 20%, var(--bg-surface));border-color:var(--channel-system);color:var(--text-primary)}.sourceComparison{background:var(--bg-surface);border:3px solid var(--bg-surface-light);border-radius:var(--radius-xl);padding:var(--space-6);margin:var(--space-6) 0}.sourceComparisonHeader{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--bg-surface-light)}.sourceComparisonTitle{font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;color:var(--channel-import);margin:0 0 var(--space-2) 0;font-weight:800}.sourceComparisonSubtitle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);margin:0}.sourceComparisonGrid{gap:var(--space-1);grid-template-columns:200px 1fr 1fr;display:grid}@media (width<=768px){.sourceComparisonGrid{grid-template-columns:1fr}}.sourceComparisonHeaderRow{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:700;display:contents}.sourceComparisonSource{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-surface-light);border-radius:var(--radius-md);color:var(--text-secondary);display:flex}.sourceComparisonSource svg{width:20px;height:20px}.sourceComparisonSourceImvdb{color:#00f0ff;background:#00f0ff1a;border:2px solid #00f0ff4d}.sourceComparisonSourceDiscogs{color:var(--channel-import);background:#ff006e1a;border:2px solid #ff006e4d}@media (width<=768px){.sourceComparisonHeaderRow{display:none}}.sourceComparisonRow{transition:all .3s;display:contents}.sourceComparisonRow>*{padding:var(--space-4);border-bottom:1px solid var(--bg-surface-light)}.sourceComparisonRowDifferent .sourceComparisonFieldLabel{border-left:3px solid var(--warning);background:#ffd60a0d}.sourceComparisonFieldLabel{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);align-items:center;gap:var(--space-2);padding-left:var(--space-4);font-weight:600;display:flex}@media (width<=768px){.sourceComparisonRow{gap:var(--space-2);padding:var(--space-4);background:var(--bg-surface);border:2px solid var(--bg-surface-light);border-radius:var(--radius-lg);margin-bottom:var(--space-3);grid-template-columns:1fr;display:grid}.sourceComparisonRow>*{border-bottom:none;padding:0}.sourceComparisonFieldLabel{margin-bottom:var(--space-2);padding-left:0}}.sourceComparisonDiffBadge{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--warning);color:var(--bg-base);border-radius:var(--radius-sm);font-weight:700}.sourceComparisonOption{align-items:center;gap:var(--space-3);background:var(--bg-base);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;border:2px solid #0000;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sourceComparisonOption:hover{background:var(--bg-surface-light);border-color:var(--channel-import)}.sourceComparisonOption input[type=radio]{appearance:none;border:3px solid var(--bg-surface-light);background:var(--bg-base);cursor:pointer;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:all .3s;position:relative}.sourceComparisonOption input[type=radio]:after{content:"";background:var(--channel-import);width:8px;height:8px;box-shadow:0 0 10px var(--channel-import);border-radius:50%;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.sourceComparisonOption input[type=radio]:checked:after{transform:translate(-50%,-50%)scale(1)}.sourceComparisonOption input[type=radio]:checked{border-color:var(--channel-import)}.sourceComparisonOptionSelected{border-color:var(--channel-import);background:#ff006e1a;box-shadow:0 0 0 1px #ff006e33}.sourceComparisonOptionSelected:before{content:"";background:var(--channel-import);border-radius:var(--radius-md) 0 0 var(--radius-md);width:4px;height:100%;position:absolute;top:0;left:0}.sourceComparisonOptionValue{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);flex:1}.sourceComparisonOptionValue em{color:var(--text-tertiary);opacity:.6;font-style:normal}.sourceComparisonOptionEmpty{opacity:.5;cursor:not-allowed}.sourceComparisonOptionEmpty:hover{background:var(--bg-base);border-color:#0000}.searchWizard{background:var(--bg-base);min-height:100vh}.searchWizardContent{max-width:1200px;padding:var(--space-6);margin:0 auto}.searchWizardStep{background:var(--bg-surface);border:3px solid var(--bg-surface-light);border-radius:var(--radius-xl);padding:var(--space-8)}.searchWizardCardTitle{font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;color:var(--text-primary);margin:0 0 var(--space-5) 0;font-weight:800}.searchWizardForm{gap:var(--space-5);flex-direction:column;max-width:100%;display:flex}.searchWizardFormRow{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.searchWizardFormGroup{gap:var(--space-2);flex-direction:column;display:flex}.searchWizardLabel{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.searchWizardInput{border-radius:var(--radius-lg);border:3px solid var(--bg-surface-light);background:var(--bg-base);width:100%;min-height:56px;color:var(--text-primary);padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-base);outline:none;transition:all .3s}.searchWizardInput:focus{border-color:var(--channel-import);box-shadow:var(--shadow-glow-magenta)}.searchWizardButton{padding:var(--space-4) var(--space-6);font-family:var(--font-ui);font-weight:700;font-size:var(--text-base);letter-spacing:.05em;text-transform:uppercase;border:3px solid var(--channel-import);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--channel-import);box-shadow:var(--shadow-lg);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.searchWizardButton:hover{box-shadow:var(--shadow-xl), var(--shadow-glow-magenta);transform:translateY(-2px)scale(1.02)}.searchWizardButton:active{transform:translateY(0)scale(.98)}.searchWizardButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.searchWizardButtonSecondary{padding:var(--space-4) var(--space-6);font-family:var(--font-ui);font-weight:700;font-size:var(--text-base);letter-spacing:.05em;text-transform:uppercase;border:3px solid var(--bg-surface-light);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all .3s}.searchWizardButtonSecondary:hover{border-color:var(--text-secondary);color:var(--text-primary)}.searchWizardActions{gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-6);border-top:2px solid var(--bg-surface-light);display:flex}.searchWizardLoading{font-family:var(--font-body);color:var(--text-secondary);text-align:center;padding:var(--space-8)}.searchResultsList{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.searchResultCard{background:var(--bg-base);border:3px solid var(--bg-surface-light);border-radius:var(--radius-lg);padding:var(--space-4);text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.searchResultCard:hover{border-color:var(--channel-import);box-shadow:var(--shadow-xl), var(--shadow-glow-magenta);transform:translateY(-4px)}.searchResultCardHeader{margin-bottom:var(--space-3)}.searchResultBadge{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:700;display:inline-block}.searchResultBadgeImvdb{color:#00f0ff;background:#00f0ff1a;border:1px solid #00f0ff4d}.searchResultBadgeDiscogs{color:var(--channel-import);background:#ff006e1a;border:1px solid #ff006e4d}.searchResultBadgeYoutube{color:var(--channel-player);background:#ffd60a1a;border:1px solid #ffd60a4d}.searchResultThumbnail{object-fit:cover;border-radius:var(--radius-md);width:100%;height:160px;margin-bottom:var(--space-3)}.searchResultInfo{gap:var(--space-1);flex-direction:column;display:flex}.searchResultTitle{font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:700}.searchResultArtist{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);margin:0}.searchResultYear{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.metadataEditor{gap:var(--space-6);flex-direction:column;display:flex}.metadataEditorSection{background:var(--bg-base);border:2px solid var(--bg-surface-light);border-radius:var(--radius-lg);padding:var(--space-5)}.metadataEditorSeparator{align-items:center;gap:var(--space-4);margin:var(--space-5) 0;display:flex}.metadataEditorSeparator:before,.metadataEditorSeparator:after{content:"";background:var(--bg-surface-light);flex:1;height:2px}.metadataEditorSeparator span{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);white-space:nowrap}.metadataEditorSectionTitle{font-family:var(--font-display);font-size:var(--text-lg);text-transform:uppercase;color:var(--channel-import);margin:0 0 var(--space-4) 0;font-weight:800}.metadataEditorSectionDescription{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-4) 0}.metadataEditorFormGroup{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.metadataEditorFormGroup:last-child{margin-bottom:0}.metadataEditorLabel{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.metadataEditorInput{border-radius:var(--radius-lg);border:3px solid var(--bg-surface-light);background:var(--bg-surface);width:100%;color:var(--text-primary);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);outline:none;transition:all .3s}.metadataEditorInput:focus{border-color:var(--channel-import);box-shadow:var(--shadow-glow-magenta)}.metadataEditorCheckbox{align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;display:flex}.metadataEditorCheckbox input[type=checkbox]{cursor:pointer;width:20px;height:20px}.videoSourcesList{gap:var(--space-3);flex-direction:column;display:flex}.videoSourceOption{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border:2px solid var(--bg-surface-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s;display:flex}.videoSourceOption:hover{border-color:var(--channel-import)}.videoSourceOptionSelected{border-color:var(--channel-import);background:color-mix(in srgb, var(--channel-import) 10%, var(--bg-surface))}.videoSourceOptionUnavailable{opacity:.6}.videoSourceOption input[type=radio]{cursor:pointer;flex-shrink:0;width:20px;height:20px}.videoSourceContent{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.videoSourceId{font-family:var(--font-mono,monospace);font-size:var(--text-sm);color:var(--text-primary);word-break:break-all}.videoSourceMetadata{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.videoSourceMetadata>span:not(:last-child):after{content:"•";margin-left:var(--space-2);color:var(--text-tertiary)}.videoSourceChannel{color:var(--text-primary);font-weight:500}.videoSourceDuration{color:var(--text-secondary)}.videoSourceViews{color:var(--text-tertiary)}.videoSourceUnavailable{color:var(--status-error);font-weight:600}.videoSourceMetadataLoading{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.videoSourcePreview{padding:var(--space-2) var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--channel-import);border-radius:var(--radius-md);color:var(--channel-import);cursor:pointer;background:0 0;flex-shrink:0;font-weight:600;transition:all .3s}.videoSourcePreview:hover{background:var(--channel-import);color:var(--bg-base)}.configureForm{gap:var(--space-5);flex-direction:column;max-width:600px;display:flex}.configureFormGroup{gap:var(--space-2);flex-direction:column;display:flex}.configureLabel{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.configureInput{border-radius:var(--radius-lg);border:3px solid var(--bg-surface-light);background:var(--bg-base);width:100%;color:var(--text-primary);padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-base);outline:none;transition:all .3s}.configureInput:focus{border-color:var(--channel-import);box-shadow:var(--shadow-glow-magenta)}.configureSelect{border-radius:var(--radius-lg);border:3px solid var(--bg-surface-light);background:var(--bg-base);width:100%;color:var(--text-primary);padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-base);cursor:pointer}.configureCheckbox{align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;display:flex}.configureCheckbox input[type=checkbox]{cursor:pointer;width:20px;height:20px}.configureHint{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.reviewSummary{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=768px){.reviewSummary{grid-template-columns:repeat(2,1fr)}}.reviewSummarySection{background:var(--bg-base);border:2px solid var(--bg-surface-light);border-radius:var(--radius-lg);padding:var(--space-5)}.reviewSummaryTitle{font-family:var(--font-display);font-size:var(--text-lg);text-transform:uppercase;color:var(--channel-import);margin:0 0 var(--space-4) 0;font-weight:800}.reviewSummaryList{gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr;margin:0;display:grid}.reviewSummaryList dt{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-weight:600}.reviewSummaryList dd{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);margin:0}.youtubeIdInputGroup{gap:var(--space-3);align-items:flex-start;display:flex}.youtubeIdInputGroup .configureInput{flex:1}.youtubeIdInputGroup .youtubeSearchButton{white-space:nowrap;min-width:150px}.youtubeSearchModalClose{color:var(--text-tertiary);cursor:pointer;padding:var(--space-2);background:0 0;border:none;transition:color .2s}.youtubeSearchResults{gap:var(--space-4);flex-direction:column;display:flex}.youtubeSearchResultCard{gap:var(--space-4);background:var(--bg-base);border:2px solid var(--bg-surface-light);border-radius:var(--radius-lg);padding:var(--space-4);transition:all .3s;display:flex}.youtubeSearchResultCard:hover{border-color:var(--channel-import);box-shadow:0 0 20px #ff006e33}.youtubeSearchResultThumbnail{object-fit:cover;border-radius:var(--radius-md);flex-shrink:0;width:200px;height:112px}.youtubeSearchResultInfo{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.youtubeSearchResultTitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600;line-height:1.4}.youtubeSearchResultId,.youtubeSearchResultChannel,.youtubeSearchResultDuration{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary);margin:0}.youtubeSearchResultActions{gap:var(--space-2);flex-direction:column;align-items:stretch;display:flex}.youtubeSearchResultPreview,.youtubeSearchResultSelect{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:2px solid;font-weight:600;transition:all .3s}.youtubeSearchResultPreview{border-color:var(--bg-surface-light);color:var(--text-secondary);background:0 0}.youtubeSearchResultPreview:hover{border-color:var(--channel-import);color:var(--channel-import)}.youtubeSearchResultSelect{background:var(--channel-import);border-color:var(--channel-import);color:var(--text-primary)}.youtubeSearchResultSelect:hover{background:#ff4db8;border-color:#ff4db8;transform:translateY(-2px);box-shadow:0 4px 12px #ff006e66}.youtubeSearchNoResults{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.youtubeSearchModalFooter{padding:var(--space-6);border-top:2px solid var(--bg-surface-light);justify-content:flex-end;display:flex}@media (width<=768px){.youtubeSearchResultCard{flex-direction:column}.youtubeSearchResultThumbnail{aspect-ratio:16/9;width:100%;height:auto}.youtubeSearchResultActions{flex-direction:row}}.imvdbRetryModalOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0a0014d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.imvdbRetryModalContent{background:var(--bg-surface,#1a0f2e);border:1px solid #ff006e33;border-radius:8px;width:100%;max-width:500px;box-shadow:0 0 0 1px #ff006e1a,0 8px 32px #0009,0 0 48px #ff006e26}.imvdbRetryModalHeader{border-bottom:1px solid #ff006e26;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.imvdbRetryModalTitle{color:var(--text-primary,#fff);text-transform:uppercase;letter-spacing:.05em;margin:0;font-family:Barlow Condensed,sans-serif;font-size:1.5rem;font-weight:600}.imvdbRetryModalClose{color:var(--text-secondary,#a0a0a0);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}.imvdbRetryModalClose svg{width:24px;height:24px}.imvdbRetryModalClose:hover{color:var(--text-primary,#fff)}.imvdbRetryModalBody{padding:1.5rem}.imvdbRetryModalDescription{color:var(--text-secondary,#a0a0a0);margin:0 0 1.5rem;font-family:Outfit,sans-serif;font-size:.9rem;line-height:1.5}.imvdbRetryModalForm{flex-direction:column;gap:1.25rem;display:flex}.imvdbRetryModalFormGroup{flex-direction:column;gap:.5rem;display:flex}.imvdbRetryModalLabel{color:var(--text-primary,#fff);text-transform:uppercase;letter-spacing:.05em;font-family:Barlow,sans-serif;font-size:.85rem;font-weight:500}.imvdbRetryModalInput{color:var(--text-primary,#fff);background:var(--bg-base,#0a0014);border:1px solid #ff006e33;border-radius:4px;padding:.75rem;font-family:Outfit,sans-serif;font-size:1rem;transition:all .2s}.imvdbRetryModalInput:focus{border-color:var(--channel-import,#ff006e);outline:none;box-shadow:0 0 0 3px #ff006e1a}.imvdbRetryModalInput::placeholder{color:var(--text-secondary,#666)}.imvdbRetryModalActions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.imvdbRetryModalButton{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;color:var(--text-primary,#fff);background:0 0;border:1px solid #fff3;border-radius:4px;padding:.75rem 1.5rem;font-family:Barlow,sans-serif;font-size:.9rem;font-weight:500;transition:all .2s}.imvdbRetryModalButton:hover{background:#ffffff0d;border-color:#ffffff4d}.imvdbRetryModalButtonPrimary{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:var(--channel-import,#ff006e);border:1px solid var(--channel-import,#ff006e);color:#fff;border-radius:4px;padding:.75rem 1.5rem;font-family:Barlow,sans-serif;font-size:.9rem;font-weight:500;transition:all .2s}.imvdbRetryModalButtonPrimary:hover:not(:disabled){background:#e6005f;border-color:#e6005f;box-shadow:0 0 20px #ff006e66}.imvdbRetryModalButtonPrimary:disabled{opacity:.5;cursor:not-allowed}.importTrackTable{gap:var(--space-4);background:var(--bg-base);border:2px solid var(--bg-surface-light);border-radius:var(--radius-lg);padding:var(--space-5);flex-direction:column;display:flex}.importTrackTableProgress{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-4);background:color-mix(in srgb, var(--channel-import) 15%, var(--bg-surface));border:2px solid color-mix(in srgb, var(--channel-import) 40%, var(--bg-surface-light));border-radius:var(--radius-full);text-align:center;font-weight:600}.importTrackTableHeader{gap:var(--space-4);padding:var(--space-4);background:color-mix(in srgb, var(--channel-import) 8%, var(--bg-surface));color:var(--text-secondary);border-radius:var(--radius-md);font-family:var(--font-ui);text-transform:uppercase;font-weight:700;font-size:var(--text-xs);letter-spacing:.05em;border:2px solid var(--bg-surface-light);grid-template-columns:40px 2fr 1.5fr 1fr 180px;display:grid}.importTrackTableHeaderCheckbox{justify-content:center;align-items:center;display:flex}.importTrackTableHeaderLabel{align-items:center;display:flex}.importTrackTableBody{gap:var(--space-3);flex-direction:column;display:flex}.importTrackTableFooter{padding:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md);text-align:center;font-family:var(--font-ui);color:var(--text-secondary);border:2px solid var(--bg-surface-light);font-weight:700}.importTrackTableSelection{color:var(--channel-import)}.trackRow{gap:var(--space-4);padding:var(--space-4);background:var(--bg-base);border:2px solid var(--bg-surface-light);border-radius:var(--radius-md);grid-template-columns:40px 2fr 1.5fr 1fr 180px;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:grid}.trackRow:hover{border-color:var(--channel-import);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.trackRowPending{opacity:.5}.trackRowLoading{border-color:var(--channel-import);animation:2s ease-in-out infinite pulse}.trackRowSuccess{border-color:var(--success)}.trackRowNoMatch{border-color:var(--warning)}.trackRowError{border-color:var(--error)}.trackRowSelected{border-color:var(--channel-import);background:color-mix(in srgb, var(--channel-import) 8%, var(--bg-surface));box-shadow:var(--shadow-sm)}.trackRowExists{opacity:.7}.trackRowCheckbox{justify-content:center;align-items:center;display:flex}.trackRowCheckbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.trackRowInfo{gap:var(--space-4);flex:1;grid-template-columns:1fr 1fr;min-width:0;display:grid}.trackRowColumn{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.trackRowTitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-primary);font-weight:700;line-height:1.3}.trackRowArtist{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.trackRowAlbumYear{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-tertiary);align-items:center;gap:var(--space-1);display:flex}.trackRowAlbumName{color:var(--text-secondary)}.trackRowYear,.trackRowSeparator{color:var(--text-tertiary)}.trackRowLabel,.trackRowDirectors,.trackRowFeaturedArtists{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.trackRowFieldLabel{color:var(--text-tertiary);text-transform:uppercase;font-weight:600;font-size:var(--text-xs);letter-spacing:.05em}.trackRowMatch{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.trackRowStatusText{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary)}.trackRowSpinner{border:3px solid var(--bg-surface-light);border-top-color:var(--channel-import);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.trackRowIcon{flex-shrink:0;width:20px;height:20px}.trackRowIconSuccess{color:var(--success,#39ff14)}.trackRowIconWarning{color:var(--warning,#ffd60a)}.trackRowIconError{color:var(--error,#ff006e)}.trackRowBadge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;align-items:center;font-weight:700;display:inline-flex}.trackRowBadgeExact{color:var(--success,#39ff14);background:#39ff141a;border:1px solid #39ff144d}.trackRowBadgeFuzzy{color:var(--warning,#ffd60a);background:#ffd60a1a;border:1px solid #ffd60a4d}.trackRowBadgeExists{color:var(--channel-library,#00f0ff);background:#00f0ff1a;border:1px solid #00f0ff4d}.trackRowBadgeDiscogs{color:var(--channel-import);cursor:help;background:#ff006e1a;border:1px solid #ff006e4d}.trackRowYoutube{justify-content:flex-start;align-items:center;gap:var(--space-3);display:flex}.trackRowYoutubeMetadata{gap:var(--space-1);font-family:var(--font-ui);font-size:var(--text-xs);flex-direction:column;display:flex}.trackRowYoutubeChannel{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-weight:600;overflow:hidden}.trackRowYoutubeViews{color:var(--text-secondary);white-space:nowrap}.trackRowYoutubeDuration{color:var(--text-secondary);white-space:nowrap;font-weight:600}.trackRowYoutubeMetadataLoading{color:var(--text-secondary);font-size:var(--text-xs);animation:1.5s ease-in-out infinite pulse}.trackRowYoutubeWarning{width:18px;height:18px;color:var(--warning,#ffd60a);flex-shrink:0}.trackRowYoutubeError{color:var(--warning,#ffd60a);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.trackRowActions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.trackRowActionButton{background:var(--bg-surface);border:2px solid var(--bg-surface-light);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.trackRowActionButton:hover:not(:disabled){border-color:var(--channel-import);color:var(--channel-import);box-shadow:var(--shadow-sm)}.trackRowActionButton:disabled{opacity:.3;cursor:not-allowed}.trackRowActionButton svg{width:18px;height:18px}.metadataEditorOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;padding:var(--space-6);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.metadataEditorModal{background:var(--bg-surface);border:3px solid var(--channel-import);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-xl), 0 0 0 1px var(--channel-import), var(--shadow-glow-magenta);flex-direction:column;display:flex}.metadataEditorHeader{padding:var(--space-6);border-bottom:2px solid var(--bg-surface-light);justify-content:space-between;align-items:center;display:flex}.metadataEditorTitle{font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;color:var(--channel-import);margin:0;font-weight:800}.metadataEditorClose{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.metadataEditorClose:hover{color:var(--channel-import)}.metadataEditorClose svg{width:24px;height:24px}.metadataEditorBody{padding:var(--space-6);flex:1;overflow-y:auto}.metadataEditorComparison{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--bg-base);border:2px solid var(--bg-surface-light);border-radius:var(--radius-lg)}.metadataEditorComparisonHeader{gap:var(--space-4);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--bg-surface-light);grid-template-columns:1fr 1fr;display:grid}.metadataEditorComparisonLabel{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-weight:700}.metadataEditorComparisonRow{gap:var(--space-4);padding:var(--space-2) 0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);grid-template-columns:1fr 1fr;display:grid}.metadataEditorForm{gap:var(--space-4);flex-direction:column;display:flex}.metadataEditorFormGroup{gap:var(--space-2);flex-direction:column;display:flex}.metadataEditorLabel{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.metadataEditorRequired{color:var(--channel-import)}.metadataEditorInput{padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:3px solid var(--bg-surface-light);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);transition:all .3s}.metadataEditorInput:focus{border-color:var(--channel-import);box-shadow:var(--shadow-glow-magenta);outline:none}.metadataEditorInputError{border-color:var(--error,#ff006e)}.metadataEditorError{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--error,#ff006e)}.metadataEditorFooter{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-6);border-top:2px solid var(--bg-surface-light);display:flex}.metadataEditorButton{padding:var(--space-3) var(--space-6);background:var(--bg-surface);border:3px solid var(--bg-surface-light);border-radius:var(--radius-lg);font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);cursor:pointer;font-weight:700;transition:all .3s}.metadataEditorButton:hover{border-color:var(--text-secondary);color:var(--text-primary)}.metadataEditorButtonPrimary{padding:var(--space-3) var(--space-6);background:var(--bg-surface);border:3px solid var(--channel-import);border-radius:var(--radius-lg);font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--channel-import);cursor:pointer;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.metadataEditorButtonPrimary:hover:not(:disabled){box-shadow:var(--shadow-xl), var(--shadow-glow-magenta);transform:translateY(-2px)scale(1.02)}.metadataEditorButtonPrimary:active{transform:translateY(0)scale(.98)}.metadataEditorButtonPrimary:disabled{opacity:.5;cursor:not-allowed}.youtubeSearchModal{z-index:1000;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.youtubeSearchModalOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:-1;background:#000000d9;position:fixed;inset:0}.youtubeSearchModalContent{z-index:1;background:var(--bg-surface);border:3px solid var(--channel-import);border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-xl), 0 0 0 1px var(--channel-import), var(--shadow-glow-magenta);flex-direction:column;display:flex;position:relative}.youtubeSearchModalHeader{padding:var(--space-6);border-bottom:2px solid var(--bg-surface-light);justify-content:space-between;align-items:center;display:flex}.youtubeSearchModalTitle{font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;color:var(--channel-import);margin:0;font-weight:800}.youtubeSearchModalClose{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.youtubeSearchModalClose:hover{color:var(--channel-import)}.youtubeSearchModalClose svg{width:24px;height:24px}.youtubeSearchModalBody{padding:var(--space-6);flex:1;overflow-y:auto}.youtubeSearchModalSearch{gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.youtubeSearchModalInput{padding:var(--space-3) var(--space-4);background:var(--bg-base);border:3px solid var(--bg-surface-light);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);flex:1;transition:all .3s}.youtubeSearchModalInput:focus{border-color:var(--channel-import);box-shadow:var(--shadow-glow-magenta);outline:none}.youtubeSearchModalSearchButton{background:var(--bg-surface);border:3px solid var(--channel-import);border-radius:var(--radius-lg);cursor:pointer;width:48px;height:48px;color:var(--channel-import);justify-content:center;align-items:center;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.youtubeSearchModalSearchButton:hover{box-shadow:var(--shadow-xl), var(--shadow-glow-magenta);transform:translateY(-2px)scale(1.02)}.youtubeSearchModalSearchButton svg{width:24px;height:24px}.youtubeSearchModalLoading,.youtubeSearchModalError,.youtubeSearchModalEmpty{padding:var(--space-8);text-align:center;font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-secondary)}.youtubeSearchModalResults{gap:var(--space-3);flex-direction:column;display:flex}.youtubeSearchModalResult{gap:var(--space-4);padding:var(--space-4);background:var(--bg-base);border:3px solid var(--bg-surface-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.youtubeSearchModalResult:hover{border-color:var(--channel-import);box-shadow:var(--shadow-md);transform:translateY(-2px)}.youtubeSearchModalThumbnail{border-radius:var(--radius-md);flex-shrink:0;width:160px;height:90px;position:relative;overflow:hidden}.youtubeSearchModalThumbnail img{object-fit:cover;width:100%;height:100%}.youtubeSearchModalPlayIcon{background:color-mix(in srgb, var(--channel-import) 80%, transparent);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.youtubeSearchModalResult:hover .youtubeSearchModalPlayIcon{opacity:1}.youtubeSearchModalPlayIcon svg{width:16px;height:16px;margin-left:2px}.youtubeSearchModalInfo{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.youtubeSearchModalResultTitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);font-weight:600;line-height:1.4}.youtubeSearchModalMeta{gap:var(--space-3);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap;display:flex}.youtubeSearchModalChannel,.youtubeSearchModalViews,.youtubeSearchModalDuration{align-items:center;display:inline-flex}.youtubeSearchModalFooter{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-6);border-top:2px solid var(--bg-surface-light);display:flex}.youtubeSearchModalButton{padding:var(--space-3) var(--space-6);background:var(--bg-surface);border:3px solid var(--bg-surface-light);border-radius:var(--radius-lg);font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);cursor:pointer;font-weight:700;transition:all .3s}.youtubeSearchModalButton:hover{border-color:var(--text-secondary);color:var(--text-primary)}.spotifyImport{background:var(--bg-base);min-height:100vh}.spotifyImportContent{max-width:1200px;padding:var(--space-6);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.spotifyImportCard{background:var(--bg-surface);border:3px solid var(--bg-surface-light);border-radius:var(--radius-xl);padding:var(--space-6)}.spotifyImportCardTitle{font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;color:var(--text-primary);margin:0 0 var(--space-5) 0;font-weight:800}.spotifyImportForm{gap:var(--space-5);flex-direction:column;display:flex}.spotifyImportFormGroup{gap:var(--space-2);flex-direction:column;display:flex}.spotifyImportLabel{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.spotifyImportInput,.spotifyImportSelect{border-radius:var(--radius-lg);border:3px solid var(--bg-surface-light);background:var(--bg-base);width:100%;color:var(--text-primary);padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-base);outline:none;transition:all .3s}.spotifyImportInput:focus,.spotifyImportSelect:focus{border-color:var(--channel-import);box-shadow:var(--shadow-glow-magenta)}.spotifyImportCheckbox{align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;display:flex}.spotifyImportCheckbox input[type=checkbox]{cursor:pointer;width:20px;height:20px}.spotifyImportActions{gap:var(--space-4);display:flex}.spotifyImportButton{padding:var(--space-4) var(--space-6);font-family:var(--font-ui);font-weight:700;font-size:var(--text-base);letter-spacing:.05em;text-transform:uppercase;border:3px solid var(--bg-surface-light);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all .3s}.spotifyImportButton:hover{border-color:var(--text-secondary);color:var(--text-primary)}.spotifyImportButton:disabled{opacity:.6;cursor:not-allowed}.spotifyImportButtonPrimary{padding:var(--space-4) var(--space-6);font-family:var(--font-ui);font-weight:700;font-size:var(--text-base);letter-spacing:.05em;text-transform:uppercase;border:3px solid var(--channel-import);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--channel-import);box-shadow:var(--shadow-lg);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.spotifyImportButtonPrimary:hover{box-shadow:var(--shadow-xl), var(--shadow-glow-magenta);transform:translateY(-2px)scale(1.02)}.spotifyImportButtonPrimary:active{transform:translateY(0)scale(.98)}.spotifyImportButtonPrimary:disabled{opacity:.6;cursor:not-allowed;transform:none}.spotifyImportStats{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.spotifyImportStat{background:var(--bg-base);border:3px solid var(--bg-surface-light);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.spotifyImportStatValue{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--channel-import);font-weight:800}.spotifyImportStatLabel{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-top:var(--space-2)}.spotifyImportPreviewTitle{font-family:var(--font-ui);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 var(--space-4) 0;font-weight:700}.spotifyImportPreviewList{gap:var(--space-2);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.spotifyImportPreviewItem{padding:var(--space-3);background:var(--bg-base);border:3px solid var(--bg-surface-light);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.spotifyImportPreviewItem:hover{border-color:var(--channel-import);box-shadow:var(--shadow-md);transform:translateY(-2px)}.spotifyImportPreviewItemExists{opacity:.6}.spotifyImportPreviewItemInfo{flex:1}.spotifyImportPreviewItemTitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary)}.spotifyImportPreviewItemArtist{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary)}.spotifyImportPreviewItemBadge{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);color:var(--warning);background:#ffd60a1a;border:1px solid #ffd60a4d;font-weight:700}.spotifyImportJobStatus{gap:var(--space-4);flex-direction:column;display:flex}.spotifyImportJobStatusHeader{justify-content:space-between;align-items:center;display:flex}.spotifyImportJobStatusBadge{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-weight:700}.spotifyImportJobStatusBadgepending,.spotifyImportJobStatusBadgerunning{color:var(--info);background:#00f0ff1a;border:1px solid #00f0ff4d}.spotifyImportJobStatusBadgecompleted{color:var(--success);background:#39ff141a;border:1px solid #39ff144d}.spotifyImportJobStatusBadgefailed{color:var(--error);background:#ff006e1a;border:1px solid #ff006e4d}.spotifyImportJobId{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-tertiary)}.spotifyImportJobStep{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary)}.spotifyImportJobProgress{background:var(--bg-surface-light);border-radius:var(--radius-full);height:8px;overflow:hidden}.spotifyImportJobProgressBar{background:linear-gradient(90deg, var(--channel-import) 0%, #ff4db8 100%);height:100%;box-shadow:0 0 20px var(--channel-import);transition:width .6s cubic-bezier(.16,1,.3,1)}.spotifyImportJobLive{font-family:var(--font-body);font-size:var(--text-sm);color:var(--success)}.nfoImport{background:var(--bg-base);min-height:100vh}.nfoImportContent{max-width:1200px;padding:var(--space-6);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.nfoImportCard{background:var(--bg-surface);border:3px solid var(--bg-surface-light);border-radius:var(--radius-xl);padding:var(--space-6)}.nfoImportCardTitle{font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;color:var(--text-primary);margin:0 0 var(--space-5) 0;font-weight:800}.nfoImportForm{gap:var(--space-5);flex-direction:column;display:flex}.nfoImportFormGroup{gap:var(--space-2);flex-direction:column;display:flex}.nfoImportLabel{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.nfoImportInput,.nfoImportSelect{border-radius:var(--radius-lg);border:3px solid var(--bg-surface-light);background:var(--bg-base);width:100%;color:var(--text-primary);padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-base);outline:none;transition:all .3s}.nfoImportInput:focus,.nfoImportSelect:focus{border-color:var(--channel-import);box-shadow:var(--shadow-glow-magenta)}.nfoImportHint{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.nfoImportCheckbox{align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;display:flex}.nfoImportCheckbox input[type=checkbox]{cursor:pointer;width:20px;height:20px}.nfoImportActions{gap:var(--space-4);display:flex}.nfoImportButton{padding:var(--space-4) var(--space-6);font-family:var(--font-ui);font-weight:700;font-size:var(--text-base);letter-spacing:.05em;text-transform:uppercase;border:3px solid var(--bg-surface-light);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all .3s}.nfoImportButton:hover{border-color:var(--text-secondary);color:var(--text-primary)}.nfoImportButton:disabled{opacity:.6;cursor:not-allowed}.nfoImportButtonPrimary{padding:var(--space-4) var(--space-6);font-family:var(--font-ui);font-weight:700;font-size:var(--text-base);letter-spacing:.05em;text-transform:uppercase;border:3px solid var(--channel-import);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--channel-import);box-shadow:var(--shadow-lg);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.nfoImportButtonPrimary:hover{box-shadow:var(--shadow-xl), var(--shadow-glow-magenta);transform:translateY(-2px)scale(1.02)}.nfoImportButtonPrimary:active{transform:translateY(0)scale(.98)}.nfoImportButtonPrimary:disabled{opacity:.6;cursor:not-allowed;transform:none}.nfoImportStats{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.nfoImportStat{background:var(--bg-base);border:3px solid var(--bg-surface-light);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.nfoImportStatValue{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--channel-import);font-weight:800}.nfoImportStatLabel{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-top:var(--space-2)}.nfoImportPreviewTitle{font-family:var(--font-ui);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 var(--space-4) 0;font-weight:700}.nfoImportPreviewList{gap:var(--space-2);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.nfoImportPreviewItem{padding:var(--space-3);background:var(--bg-base);border:3px solid var(--bg-surface-light);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.nfoImportPreviewItem:hover{border-color:var(--channel-import);box-shadow:var(--shadow-md);transform:translateY(-2px)}.nfoImportPreviewItemExists{opacity:.6}.nfoImportPreviewItemInfo{flex:1}.nfoImportPreviewItemTitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary)}.nfoImportPreviewItemArtist{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary)}.nfoImportPreviewItemPath{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.nfoImportPreviewItemBadge{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);color:var(--warning);background:#ffd60a1a;border:1px solid #ffd60a4d;font-weight:700}.nfoImportJobStatus{gap:var(--space-4);flex-direction:column;display:flex}.nfoImportJobStatusHeader{justify-content:space-between;align-items:center;display:flex}.nfoImportJobStatusBadge{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-weight:700}.nfoImportJobStatusBadgepending,.nfoImportJobStatusBadgerunning{color:var(--info);background:#00f0ff1a;border:1px solid #00f0ff4d}.nfoImportJobStatusBadgecompleted{color:var(--success);background:#39ff141a;border:1px solid #39ff144d}.nfoImportJobStatusBadgefailed{color:var(--error);background:#ff006e1a;border:1px solid #ff006e4d}.nfoImportJobId{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-tertiary)}.nfoImportJobStep{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary)}.nfoImportJobProgress{background:var(--bg-surface-light);border-radius:var(--radius-full);height:8px;overflow:hidden}.nfoImportJobProgressBar{background:linear-gradient(90deg, var(--channel-import) 0%, #ff4db8 100%);height:100%;box-shadow:0 0 20px var(--channel-import);transition:width .6s cubic-bezier(.16,1,.3,1)}.nfoImportJobLive{font-family:var(--font-body);font-size:var(--text-sm);color:var(--success)}
