.sv-youtube-tv { --tv-purple: #9457e7; display: block; width: min(100%,780px); margin: 24px auto 20px; color: #52627e; font: 12px/1.5 Inter,Arial,sans-serif; }
.sv-tv-stage { display: grid; grid-template-columns: minmax(0,1fr); }
.sv-tv-set { display: block; min-width: 0; }
.sv-tv-cabinet { display: block; overflow: hidden; padding: 10px 10px 0; border: 1px solid #555068; border-radius: 15px; background: linear-gradient(130deg,#303040,#151621 60%,#272439); box-shadow: 0 11px 30px rgba(20,16,39,.18),inset 0 1px 0 rgba(255,255,255,.15); }
.sv-tv-screen { display: block; position: relative; width: 100%; overflow: hidden; aspect-ratio: 16/9; border: 0; border-radius: 7px; background: #08090d; box-shadow: 0 0 0 2px #08090d,0 0 0 3px rgba(160,135,213,.22); }
.sv-youtube-tv .sv-tv-screen iframe { position: absolute; display: block; inset: 0; width: 100%; height: 100%; margin: 0; border: 0; border-radius: 0; }
.sv-tv-chin { display: flex; position: relative; align-items: center; justify-content: space-between; height: 27px; padding: 0 5px; }
.sv-tv-chin b { color: #d1cada; font-size: 8px; font-weight: 750; letter-spacing: .14em; }
.sv-tv-chin b span { color: #b683f6; }
.sv-tv-led { width: 4px; height: 4px; border-radius: 50%; background: #9ddcc8; box-shadow: 0 0 5px #9ddcc866; }
.sv-tv-speaker { width: 24px; height: 8px; background: radial-gradient(circle,#716a80 1px,transparent 1px) 0 0/4px 4px; }
.sv-tv-stand { position: relative; display: block; height: 25px; margin: 0 auto; width: 40%; }
.sv-tv-stand::before { position: absolute; top: 0; left: 38%; width: 24%; height: 19px; background: linear-gradient(90deg,#3b3748,#1f1d2a,#3b3748); clip-path: polygon(18% 0,82% 0,100% 100%,0 100%); content: ''; }
.sv-tv-stand::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; border: 1px solid #4d465d; border-radius: 50% 50% 4px 4px; background: linear-gradient(#4d465d,#272331); box-shadow: 0 4px 5px rgba(20,16,39,.1); content: ''; }
.sv-tv-caption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5px 12px; margin-top: 10px; padding: 0 3px; color: #7c879c; font-size: 10px; }
.sv-tv-caption > span { color: #7c879c; }
[data-theme='dark'] .sv-tv-caption > span { color: #9eaec6; }
@media (max-width: 600px) {
  .sv-youtube-tv { margin-block: 20px 16px; }
  .sv-tv-cabinet { padding: 5px 5px 0; border-radius: 9px; }
  .sv-tv-screen { border-radius: 4px; box-shadow: 0 0 0 1px #08090d; }
  .sv-tv-chin { height: 22px; padding: 0 2px; }
  .sv-tv-chin b { font-size: 6px; }
  .sv-tv-speaker { width: 16px; height: 5px; }
  .sv-tv-stand { height: 18px; }
  .sv-tv-stand::before { height: 13px; }
  .sv-tv-stand::after { height: 6px; }
  .sv-tv-caption { font-size: 9px; }
}