/* Media discovery uses the existing gallery loaders and player controls. */
.voicer-videos { background-color: var(--voicer-canvas) !important; color: #152b4b; min-height: 100vh; font-family: "Voicer Inter", system-ui, sans-serif; }
.voicer-videos.header-clear-small { padding-top: 76px !important; }
.voicer-videos *, .voicer-videos *::before, .voicer-videos *::after { box-sizing: border-box; }
.voicer-videos .voicer-videos__content { width: 100%; max-width: 1320px; margin: 0 auto !important; padding: 22px 20px 90px !important; background: transparent !important; }
.voicer-videos__nav { display: flex; align-items: center; gap: 8px; width: 100%; margin: 0 0 20px; padding: 3px 0 7px; overflow-x: auto; white-space: nowrap; scrollbar-width: thin; }
.voicer-videos__nav a { display: inline-flex; align-items: center; min-height: 39px; padding: 0 17px; border: 1px solid #d8e5f4; border-radius: 999px; background: #fff; color: #46617e !important; font-size: 13px; font-weight: 700; text-decoration: none; }
.voicer-videos__nav a:hover { border-color: #91b7ed; background: #eaf3ff; color: #155bbf !important; }
.voicer-videos__nav a.is-active { border-color: #1b62ce; background: #1b62ce; color: #fff !important; }
.voicer-videos .categories { margin: 0 0 17px; padding: 0; background: transparent !important; }
.voicer-videos .category-section { gap: 8px; padding: 2px 0 10px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.voicer-videos .category-section::-webkit-scrollbar { display: none; }
.voicer-videos .category { display: inline-flex; align-items: center; flex: 0 0 auto; margin: 0; padding: 8px 15px; border: 1px solid #dce7f5; border-radius: 999px; background: #fff; color: #516780 !important; font-size: 12px; font-weight: 650; line-height: 1.3; text-decoration: none; cursor: pointer; }
.voicer-videos .category:hover, .voicer-videos .category.active { border-color: #1b62ce; background: #eaf3ff; color: #155ac3 !important; }
.voicer-videos .voicer-videos__category-index .category-section { display: flex; flex-wrap: wrap; overflow: visible; gap: 8px; }
.voicer-videos .scrollleft, .voicer-videos .scrollright { color: #5e7492; }
.voicer-videos__profile-hero { margin: 0 0 22px !important; }
.voicer-videos__profile-hero { position: relative; }
.voicer-videos__profile-hero h1.voicer-videos__profile-title { margin: 0 !important; color: #fff !important; text-align: center; text-shadow: 0 2px 9px rgba(3, 17, 37, .5); }
@media (min-width: 1100px) {
    .voicer-videos__profile-hero h1.voicer-videos__profile-title { position: absolute; top: 50%; left: 50%; z-index: 1; width: max-content; max-width: min(680px, calc(100% - 360px)); transform: translate(-50%, -50%); }
}
@media (max-width: 1099px) {
    .voicer-videos__profile-hero > .content.mb-3 .col-md-6:last-child { width: 100%; max-width: none; padding: 0; }
    .voicer-videos__profile-hero h1.voicer-videos__profile-title { margin-top: 16px !important; }
}
.voicer-videos__filters { display: flex; align-items: center; gap: 7px; min-width: 0; margin: 0 0 24px; }
.voicer-videos .voicer-videos__filters .categories { flex: 1 1 auto; min-width: 0; margin: 0 !important; overflow: hidden; }
.voicer-videos .voicer-videos__filters .category-section { display: flex; margin: 0 !important; padding: 2px 0 3px; }
.voicer-videos__filters .scrollleft, .voicer-videos__filters .scrollright { flex: 0 0 24px; align-items: center; justify-content: center; height: 34px; margin: 0 !important; padding: 0; border: 0; background: transparent; cursor: pointer; }
body:has(.voicer-videos) #menu-sidebar-left-3 .shortcut-links a[aria-current="page"] { background: #e6f0ff; color: #155bc2 !important; }
body.theme-dark:has(.voicer-videos) #menu-sidebar-left-3 .shortcut-links a[aria-current="page"] { background: #284665; color: #a9cfff !important; }
.voicer-videos__hero { position: relative; min-height: 230px; margin: 0 0 27px !important; padding: 24px 30px !important; border: 0 !important; border-radius: 22px !important; background: radial-gradient(circle at 85% 25%, rgba(125, 191, 255, .28), transparent 35%), linear-gradient(115deg, #0d2f62, #1764cb) !important; box-shadow: 0 16px 34px rgba(22, 74, 150, .15) !important; color: #fff; }
.voicer-videos__hero > .content { padding: 0 !important; margin: 0 !important; }
.voicer-videos__hero > .content + .content { position: absolute; right: 30px; bottom: 24px; width: auto; margin: 0 !important; }
.voicer-videos__hero > .content + .content .row { display: flex; flex-wrap: nowrap; gap: 8px; margin: 0; }
.voicer-videos__hero > .content + .content .col-md-6 { flex: 0 0 auto; width: auto !important; max-width: none; padding: 0; }
.voicer-videos__hero > .content + .content .btn { margin-right: 0; }
.voicer-videos__hero .d-flex.content { align-items: flex-start; gap: 24px; }
.voicer-videos__eyebrow { display: inline-block; margin-bottom: 13px; color: #b8dbff !important; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.voicer-videos__hero h1 { max-width: 620px; margin: 0 0 11px; color: #fff !important; font-size: clamp(29px, 4vw, 47px); font-weight: 800; line-height: 1.1; letter-spacing: -.045em; }
.voicer-videos__hero-copy { max-width: 560px; margin: 0 0 9px !important; color: #dbeaff !important; font-size: 15px; line-height: 1.55; }
.voicer-videos__breadcrumbs { display: none; }
.voicer-videos__hero .breadcrumb { background: transparent; }
.voicer-videos__hero .form-check { display: flex; align-items: center; gap: 8px; flex: none; margin: 3px 0 0; padding: 0; }
.voicer-videos__hero .form-check-input { position: static; float: none; margin: 0; }
.voicer-videos__hero .form-check-label { color: #e7f2ff !important; font-size: 13px; }
.voicer-videos__hero .btn { min-height: 38px; margin: 0 8px 0 0; padding: 9px 15px; border-radius: 10px; background: rgba(255,255,255,.14) !important; color: #fff !important; font-size: 12px; font-weight: 700; }
.voicer-videos__hero .btn:hover { background: rgba(255,255,255,.24) !important; }
.voicer-videos .list-container { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 19px; }
.voicer-videos .vid-list { min-width: 0; max-width: none !important; overflow: hidden; padding: 9px 9px 13px; border: 1px solid #e0eaf5; border-radius: 18px; background: #fff; box-shadow: 0 9px 24px rgba(23, 61, 112, .055); transition: transform .2s ease, box-shadow .2s ease; }
.voicer-videos .vid-list:hover { transform: translateY(-3px); box-shadow: 0 16px 28px rgba(23, 61, 112, .11); }
.voicer-videos .vid-list .thumbnail { width: 100%; border-radius: 12px !important; }
.voicer-videos .vid-list img.thumbnail { aspect-ratio: 16 / 9; height: auto; max-height: none; object-fit: cover; }
.voicer-videos .voicer-videos__video-preview { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 12px; background: #283444; }
.voicer-videos .voicer-videos__video-preview > video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; min-height: 0 !important; max-height: none !important; margin: 0; object-fit: cover; border-radius: 0 !important; }
.voicer-videos .voicer-videos__video-preview--portrait > video { top: 0 !important; left: 50% !important; width: auto !important; max-width: 100% !important; margin: 0 !important; aspect-ratio: 9 / 16; transform: translateX(-50%); object-fit: contain; }
.voicer-videos .voicer-videos__video-preview > .llvideo { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border-radius: 0 !important; }
.voicer-videos .voicer-videos__video-preview .llvideo > img { inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; object-fit: cover; border-radius: 0 !important; }
.voicer-videos .voicer-videos__video-preview--portrait .llvideo > img { inset: auto; top: 0; left: 50%; width: auto; max-width: 100%; height: 100%; transform: translateX(-50%); object-fit: contain; }
.voicer-videos .voicer-videos__video-preview .llvideo > .duration { right: 12px; bottom: 10px; z-index: 2; }
.voicer-videos .vid-list .flex-div { display: flex; gap: 10px; align-items: flex-start; margin: 12px 3px 0; }
.voicer-videos .vid-list .flex-div > img { flex: 0 0 34px; width: 34px; height: 34px; margin: 0; object-fit: cover; border-radius: 50%; }
.voicer-videos .vid-info { min-width: 0; flex: 1; color: #65788f; }
.voicer-videos .vid-info .media-title { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 40px; color: #183251 !important; font-size: 14px !important; font-weight: 750; line-height: 1.42; }
.voicer-videos .vid-info .media-title:hover { color: #155fcf !important; }
.voicer-videos .vid-info p { margin-top: 5px; color: #667b95 !important; font-size: 12px; line-height: 1.45; }
.voicer-videos .vid-info p a, .voicer-videos .vid-info p a span { display: inline; color: #2771c7 !important; font-weight: 700; }
.voicer-videos .gallery-actions-bar { display: flex; align-items: center; gap: 12px; margin: 13px 0 0 !important; padding-top: 10px; border-top: 1px solid #edf1f7; color: #71839a; }
.voicer-videos .gallery-actions-bar i { margin: 0 !important; padding: 0 !important; color: #71839a !important; }
.voicer-videos .gallery-actions-bar i:hover { color: #1b62ce !important; }
.voicer-videos #loadbutton { min-width: 200px; margin: 28px auto !important; border-radius: 12px !important; background: #1b62ce !important; color: #fff !important; }
.voicer-videos #nomoremedia { padding: 48px 20px; color: #627890 !important; }
body.theme-dark .voicer-videos { background: #111927 !important; color: #eaf2ff; }
body.theme-dark .voicer-videos__nav a { border-color: #3a4e6b; background: #203149; color: #c5d7ec !important; }
body.theme-dark .voicer-videos__nav a:hover { background: #2b4362; color: #a8ccff !important; }
body.theme-dark .voicer-videos__nav a.is-active { border-color: #3276dc; background: #2869da; color: #fff !important; }
body.theme-dark .voicer-videos .category { border-color: #374c68; background: #22344d; color: #c2d2e8 !important; }
body.theme-dark .voicer-videos .category:hover, body.theme-dark .voicer-videos .category.active { border-color: #5e92db; background: #2c4b71; color: #ddecff !important; }
body.theme-dark .voicer-videos .scrollleft, body.theme-dark .voicer-videos .scrollright { color: #b1c6e2; }
body.theme-dark .voicer-videos .vid-list { border-color: #354862; background: #1d2b40; box-shadow: none; }
body.theme-dark .voicer-videos .vid-list:hover { border-color: #4b6b95; box-shadow: 0 12px 28px rgba(0,0,0,.18); }
body.theme-dark .voicer-videos .vid-info .media-title { color: #eef5ff !important; }
body.theme-dark .voicer-videos .vid-info .media-title:hover { color: #9bc5ff !important; }
body.theme-dark .voicer-videos .vid-info p { color: #aebfd5 !important; }
body.theme-dark .voicer-videos .vid-info p a, body.theme-dark .voicer-videos .vid-info p a span { color: #9bc5ff !important; }
body.theme-dark .voicer-videos .gallery-actions-bar { border-color: #344760; }
body.theme-dark .voicer-videos .gallery-actions-bar i { color: #a7b9d1 !important; }
body.theme-dark .voicer-videos #nomoremedia { color: #aebfd5 !important; }
@media (min-width: 768px) { body:has(.voicer-videos) #footer-bar:not(.d-lg-none) { right: 16px !important; width: clamp(260px, 22vw, 320px); } }
@media (min-width: 1201px) {
    .voicer-videos .sidebarvid {
        display: block !important;
        top: 50px; width: 232px; height: calc(100dvh - 50px);
        padding: 18px 12px 20px !important; overflow-y: auto;
        background: #f8fbff !important; border-right: 1px solid #dce7f5;
        box-shadow: none !important;
    }
    .voicer-videos .voicer-videos__content { width: calc(100% - 232px); max-width: none; margin: 0 0 0 232px !important; padding: 22px clamp(20px, 3vw, 44px) 90px !important; }
    .voicer-videos .sidebarvid.small-sidebar { width: 68px; padding-inline: 8px !important; }
    .voicer-videos .voicer-videos__content.large-container { width: calc(100% - 68px); margin-left: 68px !important; }
    .voicer-videos .sidebarvid .shortcut-links { display: grid; gap: 3px; }
    .voicer-videos .sidebarvid .shortcut-links a { display: flex; align-items: center; width: 100%; min-height: 44px; margin: 0; padding: 9px 11px; border-radius: 11px; color: #395675 !important; text-decoration: none; }
    .voicer-videos .sidebarvid .shortcut-links a:hover,
    .voicer-videos .sidebarvid .shortcut-links a:focus-visible { background: #e9f3ff; color: #155bc2 !important; }
    .voicer-videos .sidebarvid .shortcut-links a[aria-current="page"] { background: #e6f0ff; color: #155bc2 !important; }
    .voicer-videos .sidebarvid .shortcut-links a p { margin: 0 !important; color: inherit !important; font-size: 14px; font-weight: 640; background: transparent !important; box-shadow: none !important; }
    .voicer-videos .sidebarvid .shortcut-links a:not(#menu-icon) > span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; margin: 0 7px 0 0; padding: 0 !important; color: currentColor !important; font-size: 0 !important; }
    .voicer-videos .sidebarvid .shortcut-links a:not(#menu-icon) > span::before { content: '' !important; width: 21px; height: 21px; background: currentColor; -webkit-mask: var(--voicer-sidebar-icon) center / contain no-repeat; mask: var(--voicer-sidebar-icon) center / contain no-repeat; }
    .voicer-videos .sidebarvid #public { --voicer-sidebar-icon: url('/icons/outline-users.svg'); }
    .voicer-videos .sidebarvid #shorts { --voicer-sidebar-icon: url('/icons/outline-video.svg'); }
    .voicer-videos .sidebarvid #following { --voicer-sidebar-icon: url('/icons/outline-user-plus.svg'); }
    .voicer-videos .sidebarvid #myuploads { --voicer-sidebar-icon: url('/icons/outline-upload.svg'); }
    .voicer-videos .sidebarvid #favorites { --voicer-sidebar-icon: url('/icons/outline-bookmark.svg'); }
    .voicer-videos .sidebarvid #menu-icon { margin-bottom: 8px; border-bottom: 1px solid #dce7f5; border-radius: 0; }
    .voicer-videos .sidebarvid #menu-icon > span { width: 24px; margin: 0 7px 0 0; padding: 0 !important; }
    .voicer-videos .sidebarvid #menu-icon > span i { display: inline-flex; width: 22px; height: 22px; color: #395675; font-size: 0 !important; }
    .voicer-videos .sidebarvid #menu-icon > span i::before { content: '' !important; width: 21px; height: 21px; background: currentColor; -webkit-mask: url('/icons/outline-menu.svg') center / contain no-repeat; mask: url('/icons/outline-menu.svg') center / contain no-repeat; }
    .voicer-videos .sidebarvid #menu-icon p { display: flex; align-items: center; gap: 5px; }
    .voicer-videos .sidebarvid #menu-icon p img { width: 25px; height: 25px; margin: 0 !important; object-fit: contain; }
    .voicer-videos .sidebarvid #menu-icon p span { width: auto; margin: 0; padding: 0; color: #183859 !important; font-size: 14px; }
    .voicer-videos .sidebarvid hr { width: 100%; margin: 12px 0 15px; background: #dce7f5; }
    .voicer-videos .sidebarvid .subscribed-list h3 { margin: 6px 10px 11px; color: #7286a0; font-size: 11px; font-weight: 750; letter-spacing: .07em; }
    .voicer-videos .sidebarvid .subscribed-list a { width: 100%; min-height: 42px; margin: 0; padding: 5px 10px; border-radius: 10px; color: #395675; text-decoration: none; }
    .voicer-videos .sidebarvid .subscribed-list a:hover { background: #e9f3ff; }
    .voicer-videos .sidebarvid .subscribed-list a img { width: 30px; height: 30px; margin-right: 11px; object-fit: cover; }
    .voicer-videos .sidebarvid .subscribed-list a p { margin: 0; font-size: 13px; font-weight: 600; }
    .voicer-videos .sidebarvid.small-sidebar .shortcut-links a p,
    .voicer-videos .sidebarvid.small-sidebar .subscribed-list { display: none !important; }
    body.theme-dark .voicer-videos .sidebarvid { background: #1b2b40 !important; border-color: #334a68; }
    body.theme-dark .voicer-videos .sidebarvid .shortcut-links a { color: #cad9ec !important; }
    body.theme-dark .voicer-videos .sidebarvid .shortcut-links a:hover,
    body.theme-dark .voicer-videos .sidebarvid .shortcut-links a[aria-current="page"] { background: #284665; color: #a9cfff !important; }
    body.theme-dark .voicer-videos .sidebarvid #menu-icon p span { color: #e8f2ff !important; }
}
@media (max-width: 940px) { .voicer-videos .list-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
    .voicer-videos.header-clear-small { padding-top: 66px !important; }
    .voicer-videos .voicer-videos__content { padding: 14px 14px 95px !important; }
    .voicer-videos__profile-hero { position: relative; min-height: 0 !important; height: auto !important; margin-bottom: 20px !important; padding: 18px 16px 20px !important; overflow: hidden; border-radius: 18px !important; background-position: center; background-size: cover; box-shadow: inset 0 0 0 1000px rgba(5, 26, 55, .3), 0 8px 20px rgba(22, 62, 110, .12) !important; }
    .voicer-videos__profile-hero > .d-flex.content { display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
    .voicer-videos__profile-hero > .d-flex.content > .flex-grow-1 { min-width: 0; }
    .voicer-videos__profile-hero h2 { max-width: calc(100% - 86px); margin: 0 0 8px !important; font-size: 20px !important; line-height: 1.2; }
    .voicer-videos__profile-hero #breadcrumbs { display: inline-flex; align-items: center; max-width: 100%; min-height: 25px; margin: 0 0 8px !important; }
    .voicer-videos__profile-hero .form-check { position: absolute; top: 18px; right: 16px; display: flex; align-items: center; gap: 5px; margin: 0 !important; padding: 0 !important; }
    .voicer-videos__profile-hero .form-check-input { position: static; float: none; margin: 0 !important; }
    .voicer-videos__profile-hero .form-check-label { font-size: 11px; white-space: nowrap; }
    .voicer-videos__profile-hero p.font-13 { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 0 !important; line-height: 1.35; }
    .voicer-videos__profile-hero p.font-13 .badge { display: flex; align-items: center; flex: 0 0 calc(50% - 3px); min-width: 0; min-height: 32px; margin: 0 !important; padding: 6px 8px !important; font-size: 11px; white-space: nowrap; }
    .voicer-videos__profile-hero p.font-13 br { display: none; }
    .voicer-videos__profile-hero p.font-13 > strong { flex: 0 0 100%; margin-top: 4px; font-size: 12px; }
    .voicer-videos__profile-hero > .content.mb-3 { position: static !important; width: auto !important; margin: 16px 0 0 !important; padding: 0 !important; }
    .voicer-videos__profile-hero > .content.mb-3 .row { display: block; margin: 0; }
    .voicer-videos__profile-hero > .content.mb-3 .col-md-6 { width: 100%; max-width: none; padding: 0; }
    .voicer-videos__profile-hero > .content.mb-3 .col-md-6:first-child { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .voicer-videos__profile-hero #header-33 { grid-column: 1 / -1; }
    .voicer-videos__profile-hero > .content.mb-3 .btn { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 38px; margin: 0 !important; padding: 7px 6px; font-size: 12px !important; white-space: nowrap; }
    .voicer-videos__profile-hero h1 { margin: 16px 0 0 !important; font-size: 21px !important; line-height: 1.2; }
    .voicer-videos__nav { margin-bottom: 13px; }
    .voicer-videos__nav a { min-height: 36px; padding: 0 13px; }
    .voicer-videos__hero { min-height: 0; padding: 25px 21px !important; }
    .voicer-videos__hero > .content + .content { position: static; margin-top: 18px !important; }
    .voicer-videos__hero .d-flex.content { display: block !important; }
    .voicer-videos__hero .form-check { margin-top: 15px; }
    .voicer-videos .list-container { grid-template-columns: 1fr; gap: 15px; }
    .voicer-videos .category { padding: 7px 12px; }
}
@media (prefers-reduced-motion: reduce) { .voicer-videos .vid-list { transition: none; } }

/* Gallery management controls and dialogs. */
.voicer-videos__profile-hero .voicer-gallery-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.voicer-videos__profile-hero .voicer-gallery-hero-actions.hidden { display: none !important; }
.voicer-gallery-sidebar-tools { display: grid; gap: 3px; min-width: 0; margin: 2px 0 8px 20px; padding-left: 9px; border-left: 2px solid #dce7f5; }
.voicer-gallery-sidebar-tools__galleries { min-width: 0; }
.voicer-gallery-sidebar-tools__galleries summary { list-style: none; }
.voicer-gallery-sidebar-tools__galleries summary::-webkit-details-marker { display: none; }
:is(.sidebarvid, .voicer-drawer) .shortcut-links .voicer-gallery-sidebar-tools :is(summary, .voicer-gallery-sidebar-tools__action) { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 36px; margin: 0; padding: 7px 9px; border: 0; border-radius: 9px; background: transparent; color: #426080 !important; font-size: 12px; font-weight: 700; text-align: left; text-decoration: none; cursor: pointer; }
:is(.sidebarvid, .voicer-drawer) .shortcut-links .voicer-gallery-sidebar-tools :is(summary, .voicer-gallery-sidebar-tools__action):hover { background: #e9f3ff; color: #155bc2 !important; }
.voicer-gallery-sidebar-tools__galleries summary .voicer-gallery-trigger__chevron { width: 12px; height: 12px; margin-left: auto; }
.voicer-gallery-sidebar-tools__galleries[open] summary .voicer-gallery-trigger__chevron { transform: rotate(-90deg); }
.shortcut-links .voicer-gallery-sidebar-tools span { width: auto; margin: 0; padding: 0; }
.shortcut-links .voicer-gallery-sidebar-tools .voicer-media-action-icon { flex: 0 0 17px; width: 17px; height: 17px; }
.voicer-gallery-sidebar-tools__list { max-height: 230px; overflow-y: auto; padding: 3px 0 6px 3px; }
.voicer-gallery-sidebar-tools__empty { margin: 5px 8px; color: #71859d; font-size: 12px; }
.voicer-gallery-sidebar-tools__gallery { display: flex; align-items: center; gap: 2px; min-width: 0; border-radius: 8px; }
.voicer-gallery-sidebar-tools__gallery:hover { background: #f0f6ff; }
:is(.sidebarvid, .voicer-drawer) .shortcut-links .voicer-gallery-sidebar-tools__gallery a { flex: 1; min-width: 0; min-height: 30px; width: auto; margin: 0; padding: 5px 3px; overflow: hidden; color: #355675 !important; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
.voicer-gallery-sidebar-tools__gallery button { display: grid; flex: 0 0 26px; place-items: center; width: 26px; height: 26px; margin: 0; padding: 0; border: 0; border-radius: 7px; background: transparent; color: #587595; cursor: pointer; }
.voicer-gallery-sidebar-tools__gallery button:hover { background: #dcecff; color: #155bc2; }
.voicer-gallery-sidebar-tools__gallery button:last-child:hover { background: #fff0ee; color: #bf3b35; }
.voicer-gallery-sidebar-tools :is(summary, button, a):focus-visible { outline: 2px solid #80b9fa; outline-offset: 2px; }
.sidebarvid.small-sidebar .voicer-gallery-sidebar-tools { display: none !important; }
.voicer-media-action-icon { --voicer-media-icon: url('/icons/outline-grid.svg'); display: inline-block; flex: none; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--voicer-media-icon) center / contain no-repeat; mask: var(--voicer-media-icon) center / contain no-repeat; }
.voicer-media-action-icon--gallery { --voicer-media-icon: url('/icons/outline-grid.svg'); }
.voicer-media-action-icon--plus { --voicer-media-icon: url('/icons/outline-plus.svg'); }
.voicer-media-action-icon--refresh { --voicer-media-icon: url('/icons/outline-repost.svg'); }
.voicer-media-action-icon--edit { --voicer-media-icon: url('/icons/outline-edit.svg'); }
.voicer-media-action-icon--trash { --voicer-media-icon: url('/icons/outline-trash.svg'); }
.voicer-media-action-icon--public { --voicer-media-icon: url('/icons/outline-globe.svg'); }
.voicer-media-action-icon--following { --voicer-media-icon: url('/icons/outline-user-plus.svg'); }
.voicer-media-action-icon--private { --voicer-media-icon: url('/icons/outline-lock.svg'); }
.voicer-videos__profile-hero :is(.voicer-gallery-trigger, .voicer-gallery-hero-action) { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 38px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.3); border-radius: 10px; background: rgba(9,31,63,.62) !important; color: #fff !important; font-size: 12px; font-weight: 700; text-decoration: none; cursor: pointer; }
.voicer-videos__profile-hero :is(.voicer-gallery-trigger, .voicer-gallery-hero-action):hover,
.voicer-videos__profile-hero .voicer-gallery-trigger[aria-expanded="true"] { border-color: rgba(255,255,255,.5); background: rgba(16,57,106,.82) !important; color: #fff !important; }
.voicer-videos__profile-hero :is(.voicer-gallery-trigger, .voicer-gallery-hero-action):focus-visible { outline: 3px solid #91c2ff; outline-offset: 2px; }
.voicer-gallery-trigger__chevron { display: inline-block; width: 14px; height: 14px; margin-left: 2px; background: currentColor; -webkit-mask: url('/icons/outline-chevron-right.svg') center / contain no-repeat; mask: url('/icons/outline-chevron-right.svg') center / contain no-repeat; transform: rotate(90deg); }
.voicer-videos__profile-hero .voicer-gallery-trigger[aria-expanded="true"] .voicer-gallery-trigger__chevron { transform: rotate(-90deg); }
.voicer-videos__profile-hero .voicer-gallery-menu { box-sizing: border-box; width: min(340px, calc(100vw - 24px)); min-width: 0; max-height: min(60dvh, 470px); margin: 5px 0 0 !important; padding: 8px; overflow-x: hidden; overflow-y: auto; border: 1px solid #dce7f5; border-radius: 15px; background: #fff; box-shadow: 0 16px 38px rgba(8, 33, 70, .2); color: #1b3554; z-index: 600; }
.voicer-gallery-menu__new { display: flex; align-items: center; gap: 9px; width: 100%; min-height: 42px; padding: 8px 11px; border: 0; border-radius: 9px; background: #eaf3ff; color: #155fc1; font-size: 13px; font-weight: 750; text-align: left; cursor: pointer; }
.voicer-gallery-menu__new:hover { background: #dcecff; }
.voicer-gallery-menu__heading { margin: 11px 7px 5px; padding-top: 9px; border-top: 1px solid #e8eef7; color: #71859d; font-size: 11px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.voicer-gallery-menu__row { display: flex; align-items: center; gap: 3px; min-height: 43px; padding: 3px 4px 3px 9px; border-radius: 9px; }
.voicer-gallery-menu__row:hover { background: #f2f7ff; }
.voicer-gallery-menu__name { display: flex; align-items: center; gap: 5px; flex: 1; min-width: 0; padding: 7px 0; color: #243c59 !important; font-size: 13px; font-weight: 600; text-decoration: none; }
.voicer-gallery-menu__name > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.voicer-gallery-menu__name:hover { color: #155fc1 !important; }
.voicer-gallery-menu__profile { flex: 0 0 15px; width: 15px; height: 15px; background: #5079aa; -webkit-mask: url('/icons/outline-badge-check.svg') center / contain no-repeat; mask: url('/icons/outline-badge-check.svg') center / contain no-repeat; }
.voicer-gallery-menu__actions { display: flex; flex: none; gap: 2px; }
.voicer-gallery-menu__actions button { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #54718f; cursor: pointer; }
.voicer-gallery-menu__actions button:hover { background: #e2efff; color: #155fc1; }
.voicer-gallery-menu__actions button:last-child:hover { background: #fff0ee; color: #bf3b35; }
.voicer-gallery-menu :is(button, a):focus-visible { outline: 2px solid #80b9fa; outline-offset: 1px; }

.voicer-gallery-modal { padding: 12px !important; }
.voicer-gallery-modal .modal-dialog,
.voicer-gallery-modal .modal-dialog.modal-sm { width: min(480px, calc(100vw - 24px)); max-width: none; margin: 1.75rem auto; }
.voicer-gallery-modal .modal-dialog.modal-sm { width: min(400px, calc(100vw - 24px)); }
.voicer-gallery-modal .modal-content.voicer-gallery-editor { overflow: hidden; border: 1px solid #dce7f5; border-radius: 18px; background: #fff; box-shadow: 0 24px 60px rgba(9, 37, 78, .22); color: #203a59; }
.voicer-gallery-editor form { margin: 0; }
.voicer-gallery-editor .modal-header { display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 19px 21px 17px; border-bottom: 1px solid #e9eff7; }
.voicer-gallery-editor .modal-header h2 { margin: 0; color: #193352; font-size: 20px; font-weight: 780; line-height: 1.2; }
.voicer-gallery-editor .modal-header p { margin: 5px 0 0; color: #6b7e96; font-size: 12px; line-height: 1.4; }
.voicer-gallery-editor .modal-header .btn-close { flex: none; margin: 0 0 0 auto; padding: 5px; }
.voicer-gallery-editor .modal-body { max-height: calc(100dvh - 220px); margin: 0; padding: 19px 21px 20px; overflow-y: auto; }
.voicer-gallery-editor .modal-body > p { margin: 0; color: #526a85; font-size: 14px; line-height: 1.5; }
.voicer-gallery-editor__label,
.voicer-gallery-editor__visibility legend { display: block; width: 100%; margin: 0 0 8px; color: #294360; font-size: 13px; font-weight: 740; }
.voicer-gallery-editor #galleryname { width: 100%; height: 42px; margin: 0 0 20px; padding: 9px 12px; border: 1px solid #cfdbeb; border-radius: 10px; background: #fff; color: #193352; font-size: 14px; }
.voicer-gallery-editor #galleryname:focus { outline: 0; border-color: #82b3f0; box-shadow: 0 0 0 3px rgba(25,95,230,.1); }
.voicer-gallery-editor__visibility { display: grid; gap: 7px; margin: 0 0 17px; padding: 0; border: 0; }
.voicer-gallery-editor__visibility legend { margin-bottom: 9px; }
.voicer-gallery-editor__option { display: flex; align-items: center; gap: 10px; min-height: 54px; margin: 0; padding: 9px 11px; border: 1px solid #e1e9f4; border-radius: 10px; background: #fff; cursor: pointer; }
.voicer-gallery-editor__option:has(input:checked) { border-color: #90baf3; background: #edf5ff; }
.voicer-gallery-editor__option .voicer-media-action-icon { width: 19px; height: 19px; color: #366cae; }
.voicer-gallery-editor__option > span:nth-last-child(1) { display: grid; gap: 2px; min-width: 0; }
.voicer-gallery-editor__option strong { color: #203a59; font-size: 13px; font-weight: 720; line-height: 1.2; }
.voicer-gallery-editor__option small { color: #72859b; font-size: 11px; line-height: 1.2; }
.voicer-gallery-editor__option input { order: 3; flex: none; width: 16px; height: 16px; margin: 0 0 0 auto; accent-color: #195fe6; }
.voicer-gallery-editor__profile { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 11px 12px; border: 1px solid #e1e9f4; border-radius: 10px; cursor: pointer; }
.voicer-gallery-editor__profile input { flex: none; width: 17px; height: 17px; margin: 1px 0 0; accent-color: #195fe6; }
.voicer-gallery-editor__profile span { display: grid; gap: 3px; }
.voicer-gallery-editor__profile strong { color: #203a59; font-size: 13px; font-weight: 720; }
.voicer-gallery-editor__profile small { color: #72859b; font-size: 11px; line-height: 1.35; }
.voicer-gallery-editor .modal-footer { display: flex; justify-content: flex-end; gap: 8px; margin: 0; padding: 14px 21px 18px; border-top: 1px solid #e9eff7; }
.voicer-gallery-editor__cancel,
.voicer-gallery-editor__save,
.voicer-gallery-editor__danger { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 39px; margin: 0; padding: 8px 14px; border: 0; border-radius: 10px; font-size: 13px; font-weight: 750; line-height: 1.2; cursor: pointer; }
.voicer-gallery-editor__cancel { background: #eff4fb; color: #355574; }
.voicer-gallery-editor__save { background: #195fe6; color: #fff; }
.voicer-gallery-editor__danger { background: #ba3f39; color: #fff; }
.voicer-gallery-editor__cancel:hover { background: #e3eefb; }
.voicer-gallery-editor__save:hover { background: #1552c2; }
.voicer-gallery-editor__danger:hover { background: #a23430; }
.voicer-gallery-editor :is(button, input):focus-visible { outline: 2px solid #80b9fa; outline-offset: 2px; }
body.theme-dark .voicer-videos__profile-hero .voicer-gallery-menu { border-color: #354a65; background: #1d2b40; color: #edf5ff; }
body.theme-dark .voicer-gallery-menu__heading { border-color: #354a65; color: #a8bad3; }
body.theme-dark .voicer-gallery-menu__name { color: #eaf2ff !important; }
body.theme-dark .voicer-gallery-menu__row:hover { background: #294664; }
body.theme-dark .voicer-gallery-menu__actions button { color: #bed0e6; }
body.theme-dark .voicer-gallery-menu__new { background: #294664; color: #d2e6ff; }
body.theme-dark .voicer-gallery-sidebar-tools { border-color: #3b5676; }
body.theme-dark :is(.sidebarvid, .voicer-drawer) .shortcut-links .voicer-gallery-sidebar-tools :is(summary, .voicer-gallery-sidebar-tools__action),
body.theme-dark :is(.sidebarvid, .voicer-drawer) .shortcut-links .voicer-gallery-sidebar-tools__gallery a { color: #c5d9f0 !important; }
body.theme-dark .voicer-gallery-sidebar-tools__gallery:hover,
body.theme-dark :is(.sidebarvid, .voicer-drawer) .shortcut-links .voicer-gallery-sidebar-tools :is(summary, .voicer-gallery-sidebar-tools__action):hover { background: #294664; }
body.theme-dark .voicer-gallery-sidebar-tools__empty { color: #a8bad3; }
body.theme-dark .voicer-gallery-modal .modal-content.voicer-gallery-editor { border-color: #354a65; background: #1d2b40; color: #edf5ff; }
body.theme-dark .voicer-gallery-editor :is(.modal-header, .modal-footer) { border-color: #354a65; }
body.theme-dark .voicer-gallery-editor .modal-header h2,
body.theme-dark .voicer-gallery-editor__label,
body.theme-dark .voicer-gallery-editor__visibility legend,
body.theme-dark .voicer-gallery-editor__option strong,
body.theme-dark .voicer-gallery-editor__profile strong { color: #edf5ff; }
body.theme-dark .voicer-gallery-editor .modal-header p,
body.theme-dark .voicer-gallery-editor .modal-body > p,
body.theme-dark .voicer-gallery-editor__option small,
body.theme-dark .voicer-gallery-editor__profile small { color: #a8bad3; }
body.theme-dark .voicer-gallery-editor #galleryname,
body.theme-dark .voicer-gallery-editor__option,
body.theme-dark .voicer-gallery-editor__profile { border-color: #354a65; background: #243750; color: #edf5ff; }
body.theme-dark .voicer-gallery-editor__option:has(input:checked) { border-color: #6c9fe4; background: #2b4c73; }
body.theme-dark .voicer-gallery-editor__cancel { background: #314761; color: #e3efff; }
@media (max-width: 600px) {
    .voicer-videos__profile-hero .voicer-gallery-hero-actions { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .voicer-videos__profile-hero .voicer-gallery-hero-actions #header-33 { grid-column: 1 / -1; }
    .voicer-videos__profile-hero .voicer-gallery-menu { position: fixed !important; top: 60px !important; right: 12px !important; left: 12px !important; width: auto; max-width: none; max-height: calc(100dvh - 136px); transform: none !important; }
    .voicer-gallery-modal .modal-dialog,
    .voicer-gallery-modal .modal-dialog.modal-sm { width: calc(100vw - 24px); margin: 12px auto; }
    .voicer-gallery-editor .modal-body { max-height: calc(100dvh - 180px); }
}