.vwpm-catalog { color: var(--text-color, inherit); }
.vwpm-catalog .vwpm-legacy-audio { position:absolute; inset-inline:5px; inset-block-end:78px; z-index:13; padding:4px; background:#111d; color:#fff; border-radius:4px; }
.vwpm-catalog .vwpm-legacy-audio .vwpm-audio-metadata { margin:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.vwpm-catalog .vwpm-legacy-audio .vwpm-audio-sample { margin-block:3px 0; }
.vwpm-catalog .vwpm-legacy-audio audio { color-scheme:dark; }
.vwpm-catalog[data-catalog-theme="dark"] .vwpm-audio-sample__player { color-scheme:dark; }
.vwpm-catalog[data-catalog-theme="light"] .vwpm-audio-sample__player { color-scheme:light; }
.vwpm-creator-navigation { display:flex; flex-wrap:wrap; gap:.4rem; margin-block:1rem; }
.vwpm-catalog[data-catalog-theme="dark"] { color:#fff; background:#333; padding:.75rem; }
.vwpm-catalog[data-catalog-theme="dark"] .vwpm-catalog-filters select { color:#fff; background:#333; }
.vwpm-catalog .vwpm-catalog-filters { margin-block:1rem; }
.vwpm-catalog .vwpm-catalog-main-filters { display:flex; flex-wrap:wrap; align-items:end; gap:.75rem; margin-block-end:1rem; }
.vwpm-catalog .vwItemsWrapper { display:grid; gap:1rem; grid-template-columns:minmax(0,1fr) 12rem; grid-template-areas:"content sidebar"; }
.vwpm-catalog .vwItemsSidebar { grid-area:sidebar; display:block; }
.vwpm-catalog .vwItemsSidebar .field { display:block; margin-block-end:1rem; }
.vwpm-catalog .vwItemsContent { grid-area:content; min-width:0; }
.vwpm-catalog .vwpm-catalog-filters .field { margin:0; min-width:8rem; flex:1 1 9rem; }
.vwpm-catalog .vwpm-catalog-filters input,.vwpm-catalog .vwpm-catalog-filters select { width:100%; }
.vwpm-catalog .vwpm-catalog-tabs { flex-wrap:wrap; }
.vwpm-catalog .vwpm-catalog-items { display:flex; flex-wrap:wrap; gap:.5rem; }
.vwpm-catalog .vwpm-catalog-items[style] { display:grid; grid-template-columns:repeat(var(--vwpm-columns),minmax(0,1fr)); }
.vwpm-catalog .vwpm-catalog-items[style] .videowhisperContent { width:auto; }
.vwpm-catalog .vwpm-catalog-pagination { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin-block:1rem; }
.vwpm-catalog[aria-busy="true"] .vwpm-catalog-items { opacity:.65; }
.vwpm-catalog a:focus-visible,.vwpm-catalog select:focus-visible,.vwpm-catalog input:focus-visible,.vwpm-catalog button:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.vwpm-layout-switcher.ui.buttons { display:inline-flex; flex-wrap:wrap; margin-block:.5rem .75rem; }
.vwpm-workspace-classic { margin-block:1rem; padding:1rem; border:1px solid #b8bec9; border-radius:8px; color:inherit; }
.vwpm-workspace-classic>p { margin:0; font:inherit; font-weight:600; }
.vwpm-workspace-classic .vwpm-layout-switcher { margin-block:.75rem 0; }
.vwpm-workspace-classic .vwpm-layout-choice:focus-visible { outline:2px solid currentColor; outline-offset:3px; }

/* Modern layouts are opt-in. Their classes do not reuse legacy overlay markup. */
.vwpm-catalog[data-layout]:not([data-layout="legacy"]) {
 --vwpm-surface:#fff; --vwpm-surface-soft:#f3f5f9; --vwpm-text:#182437; --vwpm-muted:#536176;
 --vwpm-border:#dce2eb; --vwpm-accent:#315bdf; --vwpm-accent-contrast:#fff; --vwpm-radius:16px;
 color:var(--vwpm-text); font-size:1rem; line-height:1.5; background:transparent; padding:0;
}
.vwpm-catalog[data-layout]:not([data-layout="legacy"])[data-catalog-theme="dark"] {
 --vwpm-surface:#1f2633; --vwpm-surface-soft:#293344; --vwpm-text:#f4f6fb; --vwpm-muted:#bac5d5;
 --vwpm-border:#465165; --vwpm-accent:#b6c8ff; --vwpm-accent-contrast:#152348;
}
.vwpm-catalog[data-layout]:not([data-layout="legacy"]) .vwpm-catalog-items { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr)); align-items:stretch; gap:1.1rem; }
.vwpm-catalog[data-layout="grid"] .vwpm-catalog-items[style] { grid-template-columns:repeat(var(--vwpm-columns),minmax(0,1fr)); }
.vwpm-catalog[data-layout]:not([data-layout="legacy"]) .vwpm-card {
 position:relative; display:grid; grid-template-rows:auto auto 1fr; align-content:start; width:auto; height:auto;
 min-width:0; margin:0; padding:0; border:1px solid var(--vwpm-border); border-radius:var(--vwpm-radius);
 overflow:hidden; background:var(--vwpm-surface); color:var(--vwpm-text); box-shadow:0 3px 16px rgb(15 30 55 / 4%);
}
.vwpm-catalog .vwpm-card a { color:var(--vwpm-accent); text-decoration:none; }
.vwpm-catalog .vwpm-card a:hover { text-decoration:underline; }
.vwpm-card__creator { display:flex; gap:.65rem; align-items:center; padding:1rem; min-width:0; }
.vwpm-card__creator>span:last-child { min-width:0; }
.vwpm-card__creator-name { display:block; color:var(--vwpm-text)!important; font-size:.875rem; font-weight:650; overflow-wrap:anywhere; }
.vwpm-card__creator time { display:block; font-size:.75rem; color:var(--vwpm-muted); }
.vwpm-card__avatar { display:grid; place-items:center; flex:0 0 2.25rem; width:2.25rem; height:2.25rem; border-radius:50%; color:var(--vwpm-accent); background:var(--vwpm-surface-soft); font-size:1rem; font-weight:700; }
.vwpm-card__preview { position:relative; aspect-ratio:16/10; min-width:0; overflow:hidden; background:var(--vwpm-surface-soft); }
.vwpm-card__preview>a,.vwpm-card__placeholder { display:block; width:100%; height:100%; }
.vwpm-card__preview img.vwpm-card__image { display:block; width:100%; height:100%; max-width:100%; object-fit:cover; margin:0; border:0; border-radius:0; }
.vwpm-card__placeholder { display:grid; place-items:center; color:var(--vwpm-muted); background:linear-gradient(135deg,var(--vwpm-surface-soft),var(--vwpm-surface)); }
.vwpm-card__placeholder svg { width:3rem; height:3rem; }
.vwpm-card__type,.vwpm-card__duration { position:absolute; inset-block-end:.75rem; padding:.2rem .55rem; border-radius:6px; background:#182437e6; color:#fff; font-size:.75rem; font-weight:600; }
.vwpm-card__type { inset-inline-start:.75rem; }
.vwpm-card__duration { inset-inline-end:.75rem; }
.vwpm-card__body { padding:1rem; display:flex; flex-direction:column; gap:.75rem; min-width:0; }
.vwpm-catalog .vwpm-card__title { font-family:inherit; font-size:1.0625rem; font-weight:650; line-height:1.4; margin:0; overflow-wrap:anywhere; color:var(--vwpm-text); }
.vwpm-catalog .vwpm-card__title a { color:inherit; }
.vwpm-card__offers { display:flex; flex-wrap:wrap; align-items:center; gap:.35rem; }
.vwpm-badge { display:inline-flex; align-items:center; gap:.3rem; border-radius:6px; padding:.25rem .5rem; background:var(--vwpm-surface-soft); color:var(--vwpm-muted); font-size:.75rem; line-height:1.4; font-weight:550; }
.vwpm-badge--price { color:var(--vwpm-accent); font-weight:700; }
.vwpm-badge--status { border:1px solid var(--vwpm-border); }
.vwpm-card__rating { display:flex; align-items:center; gap:.45rem; font-size:.8rem; color:var(--vwpm-muted); }
.vwpm-card__rating>span:first-child { color:var(--vwpm-accent); letter-spacing:.08em; }
.vwpm-card__actions { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin-block-start:auto; padding-block-start:.25rem; }
.vwpm-catalog[data-layout]:not([data-layout="legacy"]) .vwpm-catalog-filters .field { color:var(--vwpm-muted); font-size:.8rem; font-weight:550; }
.vwpm-catalog[data-layout]:not([data-layout="legacy"]) .vwpm-catalog-tabs .item { color:var(--vwpm-muted); }
.vwpm-catalog[data-layout]:not([data-layout="legacy"]) .vwpm-catalog-tabs .item.active { color:var(--vwpm-accent); background:var(--vwpm-surface-soft); }
.vwpm-catalog[data-layout="list"]:not([data-layout="legacy"]) .vwpm-catalog-items,.vwpm-catalog[data-layout="feed"]:not([data-layout="legacy"]) .vwpm-catalog-items { grid-template-columns:minmax(0,1fr); }
.vwpm-catalog[data-layout="list"]:not([data-layout="legacy"]) .vwpm-card { grid-template-columns:minmax(8rem,12rem) minmax(0,1fr); grid-template-rows:auto 1fr; grid-template-areas:"preview creator" "preview body"; }
.vwpm-catalog[data-layout="list"]:not([data-layout="legacy"]) .vwpm-card__preview { grid-area:preview; aspect-ratio:auto; min-height:11rem; height:100%; }
.vwpm-catalog[data-layout="list"]:not([data-layout="legacy"]) .vwpm-card__creator { grid-area:creator; padding-block-end:0; }
.vwpm-catalog[data-layout="list"]:not([data-layout="legacy"]) .vwpm-card__body { grid-area:body; }
.vwpm-catalog[data-layout="feed"]:not([data-layout="legacy"]) .vwpm-card { width:100%; max-width:44rem; margin-inline:auto; }
.vwpm-catalog[data-layout="feed"]:not([data-layout="legacy"]) .vwpm-card__preview { aspect-ratio:16/9; }
.vwpm-catalog[data-layout="feed"]:not([data-layout="legacy"]) .vwpm-card__body { padding:1.25rem; }
.vwpm-catalog[data-layout]:not([data-layout="legacy"]) .vwpm-card--unavailable,.vwpm-catalog[data-layout]:not([data-layout="legacy"]) .vwpm-card--order { display:block; }
.vwpm-card__receipt { margin:0; font-size:.8125rem; color:var(--vwpm-muted); }
.vwpm-catalog .vwpm-workspace-header { display:flex; justify-content:space-between; gap:1.5rem; margin-block:1rem 1.5rem; padding-block-end:1.25rem; border-block-end:1px solid var(--vwpm-border); }
.vwpm-catalog .vwpm-workspace-header h2 { margin:.25rem 0 .5rem; font:inherit; font-size:1.75rem; font-weight:700; color:var(--vwpm-text); }
.vwpm-catalog .vwpm-workspace-header p { margin:0; max-width:38rem; color:var(--vwpm-muted); font-size:.875rem; }
.vwpm-catalog .vwpm-workspace-header .vwpm-eyebrow { color:var(--vwpm-accent); font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; font-weight:650; }
.vwpm-workspace-nav { display:flex; align-items:flex-start; justify-content:flex-end; flex-wrap:wrap; gap:.45rem; max-width:28rem; }
.vwpm-catalog .vwpm-workspace-nav a { color:var(--vwpm-accent); border:1px solid var(--vwpm-border); border-radius:8px; padding:.45rem .65rem; text-decoration:none; font-size:.8125rem; }
.vwpm-workspace-sections { display:flex; flex-wrap:wrap; gap:1.25rem; margin-block:1.5rem; border-block-end:1px solid var(--vwpm-border); }
.vwpm-catalog .vwpm-workspace-sections a { padding-block:.5rem .75rem; color:var(--vwpm-muted); text-decoration:none; }
.vwpm-catalog .vwpm-workspace-sections a[aria-current="true"] { border-block-end:2px solid var(--vwpm-accent); color:var(--vwpm-accent); font-weight:650; }
.vwpm-empty { padding:1.25rem; border:1px dashed var(--vwpm-border,#bbc4d4); border-radius:12px; color:var(--vwpm-muted,inherit); }
.vwpm-order-items { margin:0; padding-inline-start:1.25rem; }
@media(max-width:900px) {
 .vwpm-catalog[data-layout="grid"] .vwpm-catalog-items[style] { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .vwpm-catalog .vwpm-workspace-header { flex-direction:column; }
 .vwpm-workspace-nav { justify-content:flex-start; max-width:none; }
}
@media(max-width:600px) {
 .vwpm-catalog .vwItemsWrapper { grid-template-columns:1fr; grid-template-areas:"sidebar" "content"; }
 .vwpm-catalog[data-layout="legacy"] .vwpm-catalog-items[style] { grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); }
 .vwpm-catalog .videowhisperContent { max-width:100%; }
 .vwpm-catalog[data-layout="grid"] .vwpm-catalog-items[style] { grid-template-columns:minmax(0,1fr); }
 .vwpm-catalog[data-layout="list"]:not([data-layout="legacy"]) .vwpm-card { grid-template-columns:6.5rem minmax(0,1fr); }
 .vwpm-catalog[data-layout="list"]:not([data-layout="legacy"]) .vwpm-card__creator { padding:.75rem .75rem 0; }
 .vwpm-catalog[data-layout="list"]:not([data-layout="legacy"]) .vwpm-card__body { padding:.75rem; }
 .vwpm-catalog[data-layout="list"]:not([data-layout="legacy"]) .vwpm-card__avatar { display:none; }
 .vwpm-catalog[data-layout="list"]:not([data-layout="legacy"]) .vwpm-card__type { font-size:.625rem; inset-inline-start:.35rem; padding:.2rem .35rem; }
}

/* Compact native Fomantic controls and consistent mixed-content rows. */
.vwpm-catalog .vwpm-catalog-tabs { display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; margin-block:.5rem; }
.vwpm-catalog .vwpm-filter-buttons.ui.buttons { display:inline-flex; flex-wrap:wrap; margin:0; }
.vwpm-catalog .vwpm-filter-buttons.ui.buttons .button,.vwpm-layout-switcher.ui.buttons .button { white-space:nowrap; }
.vwpm-layout-switcher.ui.buttons .button { border-radius:0; }
.vwpm-layout-switcher.ui.buttons .button:first-child { border-start-start-radius:.28571429rem; border-end-start-radius:.28571429rem; }
.vwpm-layout-switcher.ui.buttons .button:last-child { border-start-end-radius:.28571429rem; border-end-end-radius:.28571429rem; }
.vwpm-catalog .vwpm-catalog-filters { margin-block:.5rem; }
.vwpm-catalog .vwItemsWrapper { display:block; }
.vwpm-catalog .vwItemsSidebar,.vwpm-catalog .vwpm-catalog-main-filters { display:flex; flex-wrap:wrap; align-items:end; gap:.5rem; margin-block-end:.5rem; }
.vwpm-catalog .vwpm-catalog-filters .field { display:block; flex:0 1 13rem; width:13rem; min-width:0; margin:0; }
.vwpm-catalog .vwpm-catalog-filters .vwpm-search-field { flex-basis:11rem; width:11rem; }
.vwpm-catalog .vwpm-catalog-filters .field input[type="search"] { min-height:0; padding:.65em .8em; }
.vwpm-catalog .vwpm-catalog-filters .field>select,.vwpm-catalog .vwpm-catalog-filters .field>.ui.dropdown { min-width:0; width:100%; margin-block-start:.25rem; }
.vwpm-catalog .vwpm-catalog-filters .ui.dropdown>.text { max-width:calc(100% - 1rem); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle; }
.vwpm-catalog .vwpm-catalog-filters .ui.dropdown>.menu { min-width:100%; max-width:min(28rem,90vw); }
.vwpm-catalog .vwpm-catalog-filters .ui.dropdown>.menu>.item { white-space:normal; }
.vwpm-catalog .vwpm-catalog-main-filters>.button { margin:0; }
.vwpm-catalog[data-layout="legacy"] .vwpm-catalog-items { gap:.25rem; }
.vwpm-catalog[data-layout="legacy"] .videowhisperContent { margin:0; }
.vwpm-catalog .videowhisperContentEdit.ui.button { z-index:12; margin:.5rem; padding:.65em .8em; text-shadow:none; }
.vwpm-catalog .videowhisperContentRating { z-index:12; inset-inline:4px; bottom:40px; max-width:calc(100% - 8px); }
.vwpm-catalog .videowhisperContentRating .vwrsr-listing { display:flex; flex-wrap:wrap; width:fit-content; background:#111b; color:#fff; padding:3px; border-radius:4px; text-shadow:none; }
.vwpm-catalog .videowhisperContentRating .vwrsr-listing-stars { color:inherit; }
.vwpm-catalog .vwpm-preview-link { display:block; width:100%; height:100%; }
.vwpm-catalog .vwpm-hover-preview { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; opacity:0; }
.vwpm-catalog .vwpm-hover-preview[data-playing="1"] { opacity:1; }
.vwpm-catalog[data-layout="justified"]:not([data-layout="legacy"]) .vwpm-catalog-items { display:flex; flex-wrap:wrap; align-items:stretch; gap:.5rem; }
.vwpm-catalog[data-layout="justified"]:not([data-layout="legacy"]) .vwpm-card { flex:0 0 auto; width:calc(var(--vwpm-aspect,1.333333) * 220px); max-width:100%; }
.vwpm-catalog[data-layout="justified"] .vwpm-card__preview { aspect-ratio:var(--vwpm-aspect,1.333333); }
.vwpm-catalog[data-layout="justified"] .vwpm-card__preview img,.vwpm-catalog[data-layout="justified"] .vwpm-hover-preview { object-fit:contain; }
.vwpm-catalog[data-layout="justified"] .vwpm-card__creator,.vwpm-catalog[data-layout="justified"] .vwpm-card__body { padding:.7rem; }
.vwpm-catalog[data-layout="justified"] .vwpm-card__creator { gap:.4rem; }
.vwpm-catalog[data-layout="justified"] .vwpm-card__avatar { display:none; }
.vwpm-catalog[data-layout="justified"] .vwpm-card__title { font-size:.95rem; }
.vwpm-catalog[data-layout="justified"] .vwpm-card__type { max-width:calc(100% - 1rem); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vwpm-catalog .vwpm-card__actions>.ui.button { margin:0; }
@media(max-width:600px) {
 .vwpm-catalog .vwpm-catalog-filters .field { flex:1 1 9rem; width:auto; }
 .vwpm-layout-switcher.ui.buttons { display:flex; }
 .vwpm-layout-switcher.ui.buttons .button { flex:1 1 auto; }
 .vwpm-catalog .vwpm-filter-buttons.ui.buttons { max-width:100%; }
 .vwpm-catalog[data-layout="legacy"] .videowhisperContent { max-width:calc(50% - .125rem); }
}
@media(prefers-reduced-motion:reduce) {
 .vwpm-catalog .vwpm-hover-preview { display:none; }
}
