/* Studio Premium Overhaul v1.5.27.08
   Безопасный визуальный апгрейд пользовательской части: hero, каталог, карточки, страница тайтла, watch-режим.
   Рабочую зону/редакцию не ломает: стили привязаны к .surface-viewer и viewer-* классам. */

:root{
  --po-bg:#050b18;
  --po-panel:rgba(9,18,38,.78);
  --po-panel-2:rgba(255,255,255,.055);
  --po-accent-rgb:var(--theme-accent-rgb,82,166,255);
  --po-accent-2-rgb:var(--theme-accent-2-rgb,151,181,255);
  --po-stroke:rgba(var(--po-accent-2-rgb),.18);
  --po-stroke-strong:rgba(var(--po-accent-2-rgb),.32);
  --po-text:#eef6ff;
  --po-muted:rgba(227,238,255,.70);
  --po-blue:rgb(var(--po-accent-rgb));
  --po-violet:rgb(var(--po-accent-2-rgb));
  --po-cyan:rgb(var(--po-accent-rgb));
  --po-green:#7ee39f;
  --po-red:#ff6b86;
  --po-radius:28px;
}

body{
  background:
    radial-gradient(circle at 8% 0%, rgba(var(--po-accent-2-rgb),.22), transparent 28%),
    radial-gradient(circle at 92% 4%, rgba(var(--po-accent-rgb),.20), transparent 30%),
    radial-gradient(circle at 50% 48%, rgba(21,64,120,.16), transparent 42%),
    linear-gradient(180deg,#07152a 0%,#040a17 52%,#020611 100%) !important;
}

.surface-viewer{position:relative}.surface-viewer:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:54px 54px;mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 70%);
}
.surface-viewer .glass,.surface-viewer .panel,.surface-viewer .viewer-catalog-bar,.surface-viewer .viewer-rail-shell{
  border-color:var(--po-stroke) !important;
  background:linear-gradient(180deg,rgba(12,25,52,.76),rgba(4,11,25,.78)) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.055) !important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.surface-viewer .head,.surface-viewer .header-topbar,.surface-viewer .head-redesign{
  position:sticky;top:10px;z-index:30;
  border:1px solid rgba(var(--po-accent-2-rgb),.16) !important;
  background:linear-gradient(180deg,rgba(9,20,43,.86),rgba(4,11,25,.82)) !important;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
.surface-viewer .brand-title{letter-spacing:-.055em;text-shadow:0 0 30px rgba(var(--po-accent-rgb),.20)}
.surface-viewer .btn.primary,.surface-viewer .mode-chip.active,.surface-viewer .tab.active{
  background:linear-gradient(135deg,var(--po-violet),var(--po-blue) 58%,var(--po-cyan)) !important;
  box-shadow:0 14px 34px rgba(var(--po-accent-rgb),.28), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* Premium hero injected by premium-overhaul.js */
.viewer-premium-hero{
  position:relative;isolation:isolate;overflow:hidden;min-height:420px;margin:0 0 18px;padding:30px;
  border-radius:34px;border:1px solid rgba(var(--po-accent-2-rgb),.20);
  background:linear-gradient(135deg,rgba(9,21,46,.92),rgba(7,12,28,.96));
  box-shadow:0 30px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,330px);gap:26px;align-items:end;
}
.viewer-premium-hero:before{content:"";position:absolute;inset:0;z-index:-3;background-image:var(--premium-bg);background-size:cover;background-position:center 22%;filter:blur(18px) saturate(1.15);transform:scale(1.08);opacity:.38}
.viewer-premium-hero:after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 18% 12%,rgba(var(--po-accent-rgb),.22),transparent 28%),radial-gradient(circle at 82% 10%,rgba(var(--po-accent-2-rgb),.28),transparent 32%),linear-gradient(90deg,rgba(3,8,18,.96) 0%,rgba(5,11,26,.76) 54%,rgba(5,10,23,.42) 100%)}
.viewer-premium-hero-kicker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.viewer-premium-hero-kicker span{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:900;color:rgba(240,247,255,.88)}
.viewer-premium-hero-title{font-size:clamp(38px,5vw,76px);line-height:.92;font-weight:1000;letter-spacing:-.075em;max-width:900px;text-wrap:balance;text-shadow:0 16px 50px rgba(0,0,0,.32)}
.viewer-premium-hero-meta{margin:14px 0 0;color:var(--po-muted);font-weight:700;line-height:1.45;max-width:820px}.viewer-premium-hero-desc{margin-top:10px;max-width:760px;color:rgba(239,247,255,.78);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.viewer-premium-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.viewer-premium-hero-poster{width:min(330px,30vw);aspect-ratio:2/3;border-radius:28px;overflow:hidden;justify-self:end;align-self:center;box-shadow:0 28px 70px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.10)}.viewer-premium-hero-poster img{width:100%;height:100%;object-fit:cover;display:block}.viewer-premium-hero-poster-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(var(--po-accent-rgb),.18),rgba(var(--po-accent-2-rgb),.18));font-size:44px;font-weight:1000;color:rgba(255,255,255,.48)}

/* Rails/cards */
.surface-viewer .viewer-home-content{display:grid;gap:18px}.surface-viewer .viewer-rail-shell{border-radius:30px !important;padding:18px !important;overflow:hidden}.surface-viewer .viewer-section-head{padding:0 2px 14px !important}.surface-viewer .viewer-section-head .title{font-size:25px;letter-spacing:-.035em}.surface-viewer .viewer-rail-row{gap:16px !important;padding:4px 2px 18px !important;scroll-padding:16px}.surface-viewer .viewer-rail-row::-webkit-scrollbar{height:9px}.surface-viewer .viewer-rail-row::-webkit-scrollbar-thumb{background:rgba(var(--po-accent-2-rgb),.24);border-radius:999px}.surface-viewer .viewer-rail-card{flex:0 0 clamp(174px,14.5vw,230px) !important;width:clamp(174px,14.5vw,230px) !important;height:clamp(260px,21.8vw,345px) !important;border-radius:24px !important;border:1px solid rgba(255,255,255,.09) !important;box-shadow:0 18px 42px rgba(0,0,0,.28);transition:transform .20s ease,box-shadow .20s ease,border-color .20s ease}.surface-viewer .viewer-rail-card:hover,.surface-viewer .viewer-rail-card.is-hovered{transform:translateY(-7px) scale(1.018);border-color:rgba(var(--po-accent-rgb),.38) !important;box-shadow:0 28px 60px rgba(0,0,0,.38),0 0 0 1px rgba(var(--po-accent-rgb),.18)}.surface-viewer .viewer-rail-hover{background:linear-gradient(180deg,rgba(5,10,22,.08),rgba(5,10,22,.86) 58%,rgba(3,8,18,.96)) !important}.surface-viewer .viewer-card-hover-title{font-size:20px !important;line-height:1.06 !important;letter-spacing:-.035em}.surface-viewer .viewer-card-hover-foot{align-items:center}.surface-viewer .viewer-open-chip{background:linear-gradient(135deg,var(--po-violet),var(--po-blue)) !important;color:#fff !important;border:0 !important}

/* Search/catalog */
.surface-viewer .viewer-catalog-bar{border-radius:28px !important;padding:18px !important;display:grid !important;grid-template-columns:1fr auto;gap:12px;align-items:center}.surface-viewer .viewer-catalog-trigger{min-height:56px;border-radius:20px !important;background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.11) !important}.surface-viewer .viewer-catalog-helper{color:var(--po-muted)}.viewer-catalog-modal,.viewer-search-modal-live{border-radius:32px !important}.viewer-search-result-card{border-radius:22px !important}.viewer-filter-chip{border-radius:999px !important}.viewer-filter-chip.active{background:linear-gradient(135deg,var(--po-violet),var(--po-blue)) !important;color:#fff !important;border-color:transparent !important}

/* Title page */
.surface-viewer .viewer-title-hero{border-radius:34px !important;padding:26px !important;overflow:hidden}.surface-viewer .viewer-title-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 4%,rgba(var(--po-accent-2-rgb),.18),transparent 32%),radial-gradient(circle at 16% 8%,rgba(87,185,255,.16),transparent 30%);pointer-events:none}.surface-viewer .viewer-title-poster{border-radius:28px !important;box-shadow:0 28px 70px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.10) !important}.surface-viewer .viewer-hero-title{font-size:clamp(38px,4.4vw,74px) !important;letter-spacing:-.075em !important}.surface-viewer .viewer-title-inline-stats{grid-template-columns:repeat(4,minmax(88px,1fr)) !important}.surface-viewer .viewer-title-stat{border-radius:18px !important;background:rgba(255,255,255,.055) !important;border-color:rgba(var(--po-accent-2-rgb),.14) !important}.viewer-title-action-chip,.viewer-title-comment-badge{border-radius:999px}.viewer-title-cast-side{border-radius:24px !important;background:rgba(255,255,255,.045) !important}.viewer-title-cast-chip{border-radius:18px !important;transition:transform .16s ease,background .16s ease}.viewer-title-cast-chip:hover{transform:translateX(3px);background:rgba(255,255,255,.075) !important}.viewer-title-comments{border-radius:30px !important}.viewer-title-comment-card,.viewer-title-comment-composer{border-radius:22px !important;background:rgba(255,255,255,.045) !important;border:1px solid rgba(255,255,255,.07)}

/* Watch */
.surface-viewer .viewer-watch-panel{border-radius:34px !important;padding:0 !important;overflow:hidden;background:linear-gradient(180deg,rgba(4,9,20,.96),rgba(6,13,29,.92)) !important}.viewer-watch-head{padding-top:22px !important}.viewer-watch-player{padding-top:10px !important}.viewer-player-shell{position:relative}.viewer-iframe-player{width:100% !important;aspect-ratio:16/9;border:0;border-radius:26px !important;background:#02050d;box-shadow:0 24px 70px rgba(0,0,0,.46)}.viewer-player-empty{min-height:360px;border-radius:26px;background:radial-gradient(circle at 50% 0%,rgba(var(--po-accent-rgb),.15),transparent 38%),rgba(0,0,0,.24);display:grid;place-items:center;text-align:center;padding:28px}.viewer-watch-cinema .head{opacity:.08;transition:opacity .16s ease}.viewer-watch-cinema .head:hover{opacity:1}.viewer-watch-cinema .viewer-watch-panel{box-shadow:0 0 0 9999px rgba(0,0,0,.78),0 30px 90px rgba(0,0,0,.5) !important}.premium-watch-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:10px}.premium-watch-tools .btn{min-height:38px;padding:0 13px}.viewer-episode-row{gap:8px !important;padding-bottom:18px !important}.surface-viewer .episode-chip{border-radius:16px !important;border:1px solid rgba(255,255,255,.09) !important;background:rgba(255,255,255,.055) !important}.surface-viewer .episode-chip.active{background:linear-gradient(135deg,var(--po-violet),var(--po-blue)) !important}.viewer-watch-bottom-row{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr) !important}.viewer-player-note,.viewer-watch-side-stats{border-radius:26px !important;background:rgba(255,255,255,.045) !important;border:1px solid rgba(255,255,255,.07)}


/* Theme sync patch v1.5.27.06: premium-блоки берут цвет из настроек оформления. */
.surface-viewer .viewer-premium-hero,
.surface-viewer .viewer-catalog-bar,
.surface-viewer .viewer-rail-shell,
.surface-viewer .viewer-title-hero,
.surface-viewer .viewer-watch-panel{
  border-color:rgba(var(--po-accent-2-rgb),.18) !important;
}
.surface-viewer .viewer-premium-hero:after{
  background:
    radial-gradient(circle at 18% 12%,rgba(var(--po-accent-rgb),.22),transparent 28%),
    radial-gradient(circle at 82% 10%,rgba(var(--po-accent-2-rgb),.24),transparent 32%),
    linear-gradient(90deg,rgba(3,8,18,.96) 0%,rgba(5,11,26,.76) 54%,rgba(5,10,23,.42) 100%) !important;
}
.surface-viewer .btn.primary,
.surface-viewer .viewer-premium-hero-actions .btn.primary,
.surface-viewer .viewer-open-chip,
.surface-viewer .viewer-filter-chip.active,
.surface-viewer .episode-chip.active,
.surface-viewer .mode-chip.active,
.surface-viewer .tab.active,
.surface-viewer #viewerWatchBtn.viewer-cta-main{
  background:linear-gradient(135deg,rgba(var(--po-accent-2-rgb),.98),rgba(var(--po-accent-rgb),.98)) !important;
  box-shadow:0 14px 34px rgba(var(--po-accent-rgb),.26), inset 0 1px 0 rgba(255,255,255,.16) !important;
  border-color:rgba(var(--po-accent-2-rgb),.26) !important;
}
.surface-viewer .viewer-premium-hero-kicker span,
.surface-viewer .viewer-catalog-trigger,
.surface-viewer .viewer-title-stat-accent,
.surface-viewer .viewer-watch-mini-accent,
.surface-viewer .viewer-title-comment-badge,
.surface-viewer .viewer-secondary-action:hover,
.surface-viewer .premium-watch-tools .btn:hover{
  border-color:rgba(var(--po-accent-2-rgb),.28) !important;
  background:rgba(var(--po-accent-rgb),.10) !important;
}
.surface-viewer .brand-title,
.surface-viewer .viewer-premium-hero-title,
.surface-viewer .viewer-hero-title{
  text-shadow:0 0 34px rgba(var(--po-accent-rgb),.18), 0 16px 50px rgba(0,0,0,.32) !important;
}
.surface-viewer .viewer-rail-row::-webkit-scrollbar-thumb,
.surface-viewer ::-webkit-scrollbar-thumb{
  background:rgba(var(--po-accent-rgb),.28) !important;
}

@media(max-width:920px){
  .viewer-premium-hero{grid-template-columns:1fr;min-height:0;padding:22px}.viewer-premium-hero-poster{display:none}.viewer-premium-hero-title{font-size:clamp(34px,12vw,56px)}.surface-viewer .viewer-catalog-bar{grid-template-columns:1fr}.surface-viewer .viewer-title-content.viewer-title-layout,.surface-viewer .viewer-title-layout.viewer-title-layout-with-cast{grid-template-columns:1fr !important}.surface-viewer .viewer-title-poster{width:min(210px,55vw) !important;height:auto !important;aspect-ratio:2/3 !important}.surface-viewer .viewer-title-cast-side{max-height:none !important}.viewer-watch-bottom-row{grid-template-columns:1fr !important}.surface-viewer .viewer-rail-card{flex-basis:168px !important;width:168px !important;height:252px !important}.surface-viewer .head,.surface-viewer .header-topbar,.surface-viewer .head-redesign{position:relative;top:auto}
}
@media(max-width:560px){
  #app{padding-left:10px !important;padding-right:10px !important}.viewer-premium-hero{border-radius:26px;padding:18px}.viewer-premium-hero-actions .btn{width:100%;justify-content:center}.surface-viewer .viewer-rail-shell{padding:14px !important;border-radius:24px !important}.surface-viewer .viewer-rail-card{flex-basis:146px !important;width:146px !important;height:220px !important}.viewer-iframe-player{border-radius:18px !important}.viewer-episode-row{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible !important}.surface-viewer .episode-chip{min-width:0 !important}.premium-watch-tools{justify-content:stretch}.premium-watch-tools .btn{flex:1 1 auto}
}

/* Manual players editor + viewer v1.5.27.07 */
.manual-player-editor{margin-top:4px;padding:16px;border-radius:22px;background:rgba(255,255,255,.035);border:1px solid rgba(var(--po-accent-2-rgb),.14)}
.manual-player-editor-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.manual-player-editor-head strong{display:block;font-size:18px}.manual-player-editor-head span{display:block;margin-top:3px;color:var(--muted);font-size:13px;line-height:1.35}.manual-player-list{display:grid;gap:12px}.manual-player-card{padding:14px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));border:1px solid rgba(var(--po-accent-2-rgb),.15)}.manual-player-card-top{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:10px}.manual-player-badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;background:rgba(var(--po-accent-rgb),.13);border:1px solid rgba(var(--po-accent-2-rgb),.24)}.manual-player-toggle{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.manual-player-grid{display:grid;grid-template-columns:minmax(160px,1fr) 130px 160px;gap:10px}.manual-player-grid .manual-player-url{grid-column:1/-1}.manual-player-hint,.manual-player-empty-editor{margin-top:9px;font-size:13px;color:var(--muted)}.viewer-source-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px!important;padding-bottom:6px!important}.manual-player-newtab{display:flex!important;flex-direction:column;gap:12px;align-items:center;justify-content:center}.manual-player-newtab strong{font-size:20px}.manual-player-newtab span{color:var(--muted)}.viewer-html5-player{display:block;object-fit:contain;background:#02050d;min-height:260px}
@media(max-width:760px){.manual-player-editor-head{align-items:stretch;flex-direction:column}.manual-player-grid{grid-template-columns:1fr}.manual-player-card-top{flex-wrap:wrap}.viewer-source-actions .btn{width:100%;justify-content:center}}


/* Compact home hero fix v1.5.27.08
   Убирает лишнюю высоту главного баннера в пользовательском режиме.
   Админку/редактор не трогает: селекторы ограничены .surface-viewer. */
.surface-viewer .viewer-premium-hero{
  min-height:clamp(255px,28vw,360px) !important;
  margin:0 0 14px !important;
  padding:22px 24px !important;
  grid-template-columns:minmax(0,1fr) minmax(160px,240px) !important;
  gap:18px !important;
  align-items:center !important;
  border-radius:30px !important;
}
.surface-viewer .viewer-premium-hero-copy{
  align-self:center !important;
  max-width:860px !important;
}
.surface-viewer .viewer-premium-hero-kicker{
  margin-bottom:10px !important;
  gap:7px !important;
}
.surface-viewer .viewer-premium-hero-kicker span{
  padding:6px 10px !important;
  font-size:11px !important;
}
.surface-viewer .viewer-premium-hero-title{
  max-width:760px !important;
  font-size:clamp(34px,4.2vw,58px) !important;
  line-height:.94 !important;
  letter-spacing:-.07em !important;
}
.surface-viewer .viewer-premium-hero-meta{
  margin-top:10px !important;
  max-width:680px !important;
  font-size:14px !important;
  line-height:1.35 !important;
}
.surface-viewer .viewer-premium-hero-desc{
  margin-top:7px !important;
  max-width:660px !important;
  font-size:14px !important;
  line-height:1.42 !important;
  -webkit-line-clamp:2 !important;
}
.surface-viewer .viewer-premium-hero-actions{
  margin-top:16px !important;
  gap:9px !important;
}
.surface-viewer .viewer-premium-hero-actions .btn{
  min-height:44px !important;
  padding:0 18px !important;
}
.surface-viewer .viewer-premium-hero-poster{
  width:clamp(170px,15vw,230px) !important;
  border-radius:22px !important;
  justify-self:end !important;
  align-self:center !important;
  box-shadow:0 20px 46px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.10) !important;
}
.surface-viewer .viewer-premium-hero:before{
  filter:blur(16px) saturate(1.12) !important;
  opacity:.32 !important;
}
.surface-viewer .viewer-premium-hero:after{
  background:
    radial-gradient(circle at 16% 10%,rgba(var(--po-accent-rgb),.18),transparent 26%),
    radial-gradient(circle at 82% 10%,rgba(var(--po-accent-2-rgb),.20),transparent 30%),
    linear-gradient(90deg,rgba(3,8,18,.97) 0%,rgba(5,11,26,.80) 55%,rgba(5,10,23,.50) 100%) !important;
}

@media(min-width:1280px){
  .surface-viewer .viewer-premium-hero{
    grid-template-columns:minmax(0,1fr) minmax(175px,235px) !important;
  }
}

@media(max-width:920px){
  .surface-viewer .viewer-premium-hero{
    min-height:0 !important;
    padding:20px !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
  }
  .surface-viewer .viewer-premium-hero-title{
    font-size:clamp(32px,10vw,50px) !important;
  }
  .surface-viewer .viewer-premium-hero-desc{
    -webkit-line-clamp:2 !important;
  }
}

@media(max-width:560px){
  .surface-viewer .viewer-premium-hero{
    padding:16px !important;
    border-radius:24px !important;
    margin-bottom:12px !important;
  }
  .surface-viewer .viewer-premium-hero-kicker span{
    padding:5px 8px !important;
    font-size:10.5px !important;
  }
  .surface-viewer .viewer-premium-hero-title{
    font-size:clamp(30px,11vw,42px) !important;
  }
  .surface-viewer .viewer-premium-hero-meta,
  .surface-viewer .viewer-premium-hero-desc{
    font-size:13px !important;
  }
  .surface-viewer .viewer-premium-hero-actions{
    margin-top:14px !important;
  }
}