.watch-workspace{--ww-text:var(--drawer-text,#f0f1ed);--ww-muted:var(--drawer-muted,#a7afb2);--ww-line:var(--drawer-border,#ffffff18);--ww-panel:var(--drawer-bg,#191e20);--ww-selected:#d9cdb7}
.watch-workspace.watch-wide.watch-layout{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:none;align-items:stretch;gap:0;margin:0 auto 28px;border-radius:18px;overflow:hidden;background:#000}
.watch-workspace.watch-wide.drawer-open{grid-template-columns:minmax(0,1fr) clamp(300px,22vw,360px)}
.watch-workspace.watch-wide .watch-main{width:100%;min-width:0;height:100%}
.watch-workspace.watch-wide .player__wrap{height:100%;min-height:560px;aspect-ratio:auto;border-radius:0}
.watch-workspace.watch-wide .watch-sidebar:not([hidden]){position:relative;inset:auto;width:auto;height:auto;min-height:560px;max-height:calc(100dvh - 140px);padding:0;gap:0;z-index:1;border:1px solid var(--ww-line);border-left:0;border-radius:0;background:var(--ww-panel);color:var(--ww-text);box-shadow:none;overflow:hidden;display:flex;flex-direction:column}
.watch-workspace .watch-engine{display:none!important}
.watch-workspace .ww-head{display:flex;align-items:center;gap:12px;padding:22px 20px 18px;position:relative;flex:none;border-bottom:1px solid var(--ww-line)}
.watch-workspace .ww-poster{width:48px;height:72px;object-fit:cover;border-radius:7px;flex:none;background:#ffffff08}
.watch-workspace .ww-heading{min-width:0;flex:1;padding-right:25px}
.watch-workspace .ww-kicker{font-size:10px;color:var(--ww-muted);display:block;margin-bottom:5px}
.watch-workspace .ww-heading .watch-meta__title{font-size:19px;line-height:1.35;margin:0;color:var(--ww-text)}
.watch-workspace .ww-heading .watch-meta__facts{display:flex;gap:4px;flex-wrap:wrap;font-size:10px;line-height:1.5;color:var(--ww-muted);margin:6px 0}
.watch-workspace .ww-heading .watch-meta__facts span:before{display:none}
.watch-workspace .ww-heading .watch-meta__episode{font-size:11px;color:var(--ww-text);background:none;padding:0}
.watch-workspace button{font:inherit;cursor:pointer;color:inherit}
.watch-workspace .ww-icon{width:32px;height:32px;border:1px solid var(--ww-line);background:#ffffff04;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:6px;flex:none}
.watch-workspace .ww-icon svg,.watch-workspace .ww-open svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.watch-workspace .ww-close{position:absolute;right:16px;top:22px}
.watch-workspace .ww-tabs{display:flex;gap:18px;padding:0 20px;flex:none;border-bottom:1px solid var(--ww-line)}
.watch-workspace .ww-tabs button{font-size:12px;padding:15px 0 11px;border:0;border-bottom:2px solid transparent;background:none;color:var(--ww-muted)}
.watch-workspace .ww-tabs button[aria-pressed=true]{color:var(--ww-text);border-color:var(--ww-selected)}
.watch-workspace .ww-body{min-height:0;flex:1;display:flex;overflow:hidden}
.watch-workspace .ww-body>section{width:100%;min-width:0;min-height:0;padding:16px 20px;overflow:auto}
.watch-workspace .ww-body .ww-episodes{display:flex;flex-direction:column;overflow:hidden;gap:12px}
.watch-workspace [hidden]{display:none!important}
.watch-workspace .ww-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}
.watch-workspace .ww-count{font-size:11px;color:var(--ww-muted)}
.watch-workspace .ww-select{width:100%;min-width:0;border:1px solid var(--ww-line);border-radius:10px;background:var(--drawer-field,#252b2d);color:var(--ww-text);height:36px;padding:0 10px;font:inherit;font-size:12px;flex:none}
.watch-workspace .ww-ranges{display:flex;gap:8px;flex:none}.watch-workspace .ww-ranges select{flex:1}.watch-workspace .ww-locate{background:none;border:1px solid var(--ww-line);border-radius:10px;font-size:11px;white-space:nowrap;padding:0 10px}
.watch-workspace .ww-list{min-height:0;flex:1;overflow:auto;align-content:start;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;padding-right:3px;min-width:0}
.watch-workspace .ww-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;grid-auto-rows:minmax(40px,auto)}
.watch-workspace .ww-episode{color:var(--ww-text);text-decoration:none;border:1px solid transparent;border-radius:10px;background:var(--drawer-field,#252b2d);font-size:12px;min-width:0;overflow-wrap:anywhere}
.watch-workspace .ww-numbers .ww-episode{display:flex;align-items:center;justify-content:center;min-height:40px;text-align:center;padding:7px 3px}
.watch-workspace .ww-numbers:has(.ww-date){grid-template-columns:repeat(2,minmax(0,1fr))}
.watch-workspace .ww-episode.is-active{background:var(--ww-selected);color:#252624}.watch-workspace .ww-episode:hover{border-color:#d9cdb780}
.watch-workspace .ww-stills{display:flex;flex-direction:column;gap:8px}
.watch-workspace .ww-stills .ww-episode{display:flex;align-items:center;gap:10px;padding:7px;background:transparent;flex:none}
.watch-workspace .ww-stills .ww-episode.is-active{background:#d9cdb710;border-color:#d9cdb74a;color:var(--ww-text)}
.watch-workspace .ww-thumb{width:88px;aspect-ratio:16/9;border-radius:7px;background:var(--drawer-field,#252b2d);overflow:hidden;flex:none}.watch-workspace .ww-thumb img{width:100%;height:100%;object-fit:cover}
.watch-workspace .ww-episode-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.watch-workspace .ww-episode-copy strong{font-size:11px;line-height:1.4}.watch-workspace .ww-episode-copy span{color:var(--ww-muted);font-size:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.watch-workspace .ww-episode-copy small{font-size:10px;color:var(--ww-muted)}
.watch-workspace .ww-status{font-size:12px;color:var(--ww-muted);margin:0;flex:none}.watch-workspace .ww-loading{opacity:.5;pointer-events:none}
.watch-workspace .ww-details h3,.watch-workspace .ww-feedback h3{font-size:13px;margin:0 0 10px}.watch-workspace .ww-details p,.watch-workspace .ww-feedback p{font-size:12px;line-height:1.9;color:var(--ww-muted);margin:0 0 20px}.watch-workspace .ww-detail-link{font-size:12px;color:var(--ww-text)}
.watch-workspace .ww-report{background:var(--ww-selected);color:#252624;border:0;border-radius:10px;padding:10px 14px;font-size:12px}.watch-workspace .ww-feedback .ww-hd{margin-top:20px;font-size:11px}
.watch-workspace .ww-foot{flex:none;margin:0 20px;padding:16px 0;border-top:1px solid var(--ww-line)}.watch-workspace .ww-foot .ce-auto-next{display:flex;gap:9px;font-size:12px;margin:0 0 16px;color:var(--ww-text)}.watch-workspace .ce-auto-next input{accent-color:var(--ww-selected)}.watch-workspace .ww-foot-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--ww-muted)}.watch-workspace .ww-foot-line button{border:0;background:none;font-size:11px;padding:0}
.watch-workspace.watch-wide .ww-open{right:12px;top:50%;transform:translateY(-50%);z-index:4;background:#182125cc;border-color:var(--ww-line);border-radius:12px}.watch-workspace.watch-wide .ww-open svg{transform:none}
.watch-workspace :is(button,a,select,input):focus-visible{outline:2px solid var(--ww-selected);outline-offset:2px}
@media(min-width:1440px){.watch-workspace.watch-wide .player__wrap{min-height:min(720px,calc(100dvh - 145px))}.watch-workspace.watch-wide .watch-sidebar:not([hidden]){min-height:min(720px,calc(100dvh - 145px))}}
@media(max-width:1023px){.watch-workspace.watch-wide.drawer-open{grid-template-columns:minmax(0,1fr)}.watch-workspace.watch-wide .player__wrap{height:auto;aspect-ratio:16/9;min-height:0}.watch-workspace.watch-wide .watch-sidebar:not([hidden]){max-height:620px;min-height:480px;border:1px solid var(--ww-line);border-radius:0 0 16px 16px}.watch-workspace .ww-open{top:35%!important}.watch-workspace .ww-head{padding:18px 20px}.watch-workspace .ww-numbers{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:600px){.watch-workspace .ww-numbers{grid-template-columns:repeat(4,minmax(0,1fr))}.watch-workspace .ww-head{padding:16px}.watch-workspace .ww-tabs{padding:0 16px}.watch-workspace .ww-body>section{padding:14px 16px}.watch-workspace .ww-foot{margin:0 16px}.watch-workspace .ww-heading .watch-meta__title{font-size:17px}}
/* Override the legacy player ratio so the player and panel share one stable height. */
@media(min-width:1024px){.watch-workspace.watch-wide.watch-layout{height:clamp(520px,calc(100dvh - 145px),900px)}.watch-workspace.watch-wide .watch-main{height:100%;max-width:none!important}.watch-workspace.watch-wide .player__wrap{height:100%!important;min-height:0!important;aspect-ratio:auto!important}.watch-workspace.watch-wide .watch-sidebar:not([hidden]){height:100%!important;min-height:0;max-height:none}}
@media(max-width:1023px){.watch-workspace.watch-wide.watch-layout{height:auto}.watch-workspace.watch-wide .watch-main{height:auto;max-width:none!important}.watch-workspace.watch-wide .player__wrap{height:auto!important;aspect-ratio:16/9!important;min-height:0!important}.watch-workspace.watch-wide .watch-sidebar:not([hidden]){height:560px!important;min-height:0;max-height:none}}
.watch-workspace .ww-cast{display:flex;align-items:center;overflow:visible;gap:0;padding:4px 2px 10px;max-width:none;transition:transform .24s ease}
.watch-workspace .ww-face{position:relative;width:38px;height:38px;flex:0 0 38px;margin-right:-5px;border:2px solid var(--ww-panel);border-radius:50%;background:var(--drawer-field,#252b2d);color:var(--ww-text);overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center;font-size:12px}
.watch-workspace .ww-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.watch-workspace .ww-face:hover,.watch-workspace .ww-face:focus-visible{z-index:2;border-color:var(--ww-selected)}.watch-workspace .ww-cast-hint{min-height:18px;font-size:11px!important;margin:0!important}

.watch-workspace .ww-cast-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.watch-workspace .ww-cast-header h3{margin:0;font-weight:600}.watch-workspace .ww-cast-nav{display:flex;gap:6px}.watch-workspace .ww-cast-nav[hidden],.watch-workspace .ww-cast-header[hidden]{display:none}.watch-workspace .ww-cast-arrow{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--ww-line);border-radius:8px;background:transparent;color:var(--ww-muted);padding:0}.watch-workspace .ww-cast-arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.watch-workspace .ww-cast-arrow:not(.ww-cast-previous) svg{transform:rotate(180deg)}.watch-workspace .ww-cast-arrow:not(:disabled):hover{color:var(--ww-text);background:var(--drawer-field,#252b2d);border-color:var(--ww-selected)}.watch-workspace .ww-cast-arrow:disabled{opacity:.3;cursor:default}.watch-workspace .ww-cast-viewport{overflow:hidden;padding:2px;min-width:0}.watch-workspace .ww-details,.watch-workspace .ww-feedback{font-family:inherit}.watch-workspace .ww-details h3,.watch-workspace .ww-feedback h3{font-weight:600;letter-spacing:.01em}.watch-workspace .ww-details p{font-weight:400;line-height:1.8}.watch-workspace .ww-face:last-child{margin-right:0}@media(prefers-reduced-motion:reduce){.watch-workspace .ww-cast{transition:none}}

