:root { --er-red:#e81717; --er-ink:#111216; --er-copy:#555b64; --er-muted:#8d929a; --er-line:#e3e5e8; --er-soft:#f4f5f7; --er-white:#fff; --er-green:#18a466; --er-amber:#f0a323; }
@media(min-width:861px) and (max-width:1500px){.topnav button{padding-right:10px!important;padding-left:10px!important;font-size:10px!important}.topbarLockup{min-width:120px!important}.accountProfile>span{display:none}}
#episodeReviewView { min-height:calc(100dvh - 76px); color:var(--er-ink)!important; background:#fff!important; }
#episodeReviewView:not(.active) { display:none!important; }
.episodeReviewApp { min-height:calc(100dvh - 76px); color:var(--er-ink); background:#fff; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.episodeReviewApp * { box-sizing:border-box; }
.episodeReviewApp button,.episodeReviewApp input,.episodeReviewApp textarea,.episodeReviewApp select { font:inherit; }
.episodeReviewApp button { cursor:pointer; }
body.episode-review-mode { overflow-x:hidden; background:#eef0f3!important; }
body.episode-review-mode #appShell>.topbar,
body.episode-review-mode>.siteFooter,
body.episode-review-mode>#selectionBar { display:none!important; }
body.episode-review-mode #episodeReviewView,
body.episode-review-mode .episodeReviewApp { min-height:100dvh; }
.erReviewBody { min-height:calc(100dvh - 64px); }
.erStandaloneBar { position:sticky; top:0; z-index:120; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:64px; padding:0 clamp(14px,2.4vw,34px); border-bottom:1px solid rgba(255,255,255,.08); color:#fff; background:rgba(13,14,17,.97); box-shadow:0 10px 35px rgba(9,10,12,.18); backdrop-filter:blur(18px); }
.erReviewBrand { display:flex; align-items:center; justify-self:start; gap:10px; padding:0; border:0; color:#fff; background:transparent; text-align:left; }
.erReviewBrand img { width:34px; height:34px; object-fit:contain; filter:brightness(0) invert(1); }
.erReviewBrand span { display:grid; gap:2px; }
.erReviewBrand b { font-size:11px; font-weight:950; letter-spacing:.02em; }
.erReviewBrand small { color:#ff4d4d; font:800 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.16em; }
.erRoomState { display:flex; align-items:center; gap:8px; justify-self:center; color:#c4c7cd; font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.16em; }
.erRoomState i { width:7px; height:7px; border-radius:50%; background:#ff3131; box-shadow:0 0 0 5px rgba(255,49,49,.11); }
.erReviewAccount { display:flex; align-items:center; justify-self:end; gap:8px; }
.erReviewAccount>i { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; color:#fff; background:#e81717; font-size:8px; font-weight:900; font-style:normal; }
.erReviewAccount>span { color:#d8dae0; font-size:9px; font-weight:800; }
.erReviewAccount>button { min-height:32px; padding:0 10px; border:1px solid rgba(255,255,255,.12); border-radius:9px; color:#b7bac1; background:rgba(255,255,255,.04); font-size:8px; font-weight:800; }
.erReviewAccount>.erShortcutButton { display:flex; align-items:center; gap:6px; margin-right:4px; }
.erShortcutButton kbd { display:grid; place-items:center; width:19px; height:19px; border:1px solid rgba(255,255,255,.2); border-radius:5px; color:#fff; background:rgba(255,255,255,.08); font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.erShortcutBackdrop { position:fixed; inset:0; z-index:60000; display:grid; place-items:center; padding:20px; background:rgba(7,8,10,.58); backdrop-filter:blur(12px); }
.erShortcutSheet { width:min(560px,100%); overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:22px; color:#fff; background:#15161a; box-shadow:0 34px 90px rgba(0,0,0,.44); }
.erShortcutSheet>header { display:flex; align-items:center; justify-content:space-between; padding:20px 22px; border-bottom:1px solid rgba(255,255,255,.08); }
.erShortcutSheet>header span { color:#ff4b4b; font:850 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.18em; }
.erShortcutSheet h2 { margin:7px 0 0; color:#fff!important; font-size:23px; letter-spacing:-.045em; }
.erShortcutSheet>header button { display:grid; place-items:center; width:36px; height:36px; border:0; border-radius:10px; color:#c6c9cf; background:rgba(255,255,255,.06); }
.erShortcutSheet>div { display:grid; grid-template-columns:1fr 1fr; gap:1px; padding:1px; background:rgba(255,255,255,.07); }
.erShortcutSheet p { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:54px; margin:0; padding:10px 16px; background:#15161a; }
.erShortcutSheet p kbd { min-width:70px; padding:7px 8px; border:1px solid rgba(255,255,255,.13); border-radius:8px; color:#fff; background:#24262c; text-align:center; font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace; box-shadow:0 2px 0 rgba(0,0,0,.35); }
.erShortcutSheet p span { color:#a9adb5; font-size:9px; text-align:right; }
.erShortcutSheet>footer { padding:14px 20px; color:#686d76; font-size:8px; text-align:center; }
.erDashboard { width:min(1600px,100%); margin:0 auto; padding:clamp(28px,4vw,64px) clamp(22px,4.5vw,76px) 100px; }
.erPageHeader { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; }
.erEyebrow,.erDetailTitle>span,.erSectionHeading span,.erModal>header>span,.erVersionNote span,.erCommentsPanel>header span,.erCardBody>div>span,.erEmpty>span { display:block; color:var(--er-red); font-size:10px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.erPageHeader h1 { margin:9px 0 0; color:var(--er-ink); font-family:"Arial Black",Inter,sans-serif; font-size:clamp(38px,5.2vw,76px); line-height:.94; letter-spacing:-.075em; }
.erPageHeader p { margin:15px 0 0; color:var(--er-copy); font-size:14px; }
.erPrimary,.erSecondary,.erStatusButton { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:0 18px; border:1px solid var(--er-line); border-radius:14px; color:var(--er-ink); background:#fff; font-size:12px; font-weight:850; }
.erPrimary { border-color:var(--er-red); color:#fff; background:var(--er-red); box-shadow:0 10px 26px rgba(232,23,23,.16); }
.erPrimary:hover { background:#cf1212; transform:translateY(-1px); }
.erOverview { display:grid; grid-template-columns:minmax(300px,1.7fr) repeat(3,minmax(110px,.55fr)); margin-top:48px; overflow:hidden; border:1px solid var(--er-line); border-radius:20px; background:#f8f8fa; }
.erOverview>div { display:flex; flex-direction:column; justify-content:center; min-height:104px; padding:20px 24px; border-left:1px solid var(--er-line); }
.erOverview>div:first-child { border-left:0; }
.erOverview small { color:var(--er-muted); font-size:9px; font-weight:850; letter-spacing:.14em; }
.erOverview b { margin-top:7px; color:var(--er-ink); font-size:25px; line-height:1; letter-spacing:-.045em; }
.erOverviewLead { flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; gap:15px; }
.erOverviewLead>i { width:12px; height:12px; flex:0 0 12px; border-radius:50%; background:var(--er-red); box-shadow:0 0 0 7px rgba(232,23,23,.09); animation:erPulse 2.2s ease-in-out infinite; }
.erOverviewLead span { display:flex; flex-direction:column; }
.erOverviewLead b { font-size:16px; line-height:1.2; }
.erSectionHeading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:42px 0 17px; }
.erSectionHeading>div { display:flex; align-items:baseline; gap:12px; }
.erSectionHeading b { color:var(--er-ink); font-size:18px; }
.erSectionHeading span { color:var(--er-muted); font-size:9px; }
.erSectionHeading button { min-height:38px; padding:0 13px; border:1px solid var(--er-line); border-radius:11px; color:var(--er-copy); background:#fff; font-size:10px; font-weight:800; }
.erProjectGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.erProjectCard { position:relative; min-width:0; overflow:hidden; border:1px solid var(--er-line); border-radius:23px; background:#fff; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.erProjectCard:hover { transform:translateY(-3px); border-color:rgba(232,23,23,.32); box-shadow:0 24px 48px rgba(17,18,22,.09); }
.erCardHit { position:absolute; inset:0; z-index:3; border:0; background:transparent; }
.erCardVisual { position:relative; display:grid; place-items:center; aspect-ratio:16/8.8; overflow:hidden; color:#fff; background:radial-gradient(circle at 70% 22%,rgba(232,23,23,.4),transparent 34%),linear-gradient(135deg,#1d1e24,#08090c 70%); }
.erCardVisual::before { content:""; position:absolute; inset:0; opacity:.28; background:repeating-linear-gradient(90deg,transparent 0 63px,rgba(255,255,255,.08) 64px),repeating-linear-gradient(0deg,transparent 0 63px,rgba(255,255,255,.06) 64px); }
.erCardCode { position:relative; z-index:1; display:grid; place-items:center; text-align:center; }
.erCardCode span { color:rgba(255,255,255,.55); font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.22em; }
.erCardCode b { margin-top:10px; color:#fff; font-family:"Arial Black",sans-serif; font-size:clamp(42px,5vw,76px); line-height:.8; letter-spacing:-.1em; text-shadow:0 16px 44px rgba(0,0,0,.45); }
.erFilmEdge { position:absolute; top:0; bottom:0; left:8px; display:flex; flex-direction:column; justify-content:space-around; }
.erFilmEdge i { width:8px; height:5px; border-radius:1px; background:rgba(255,255,255,.2); }
.erStatus { position:absolute; top:14px; right:14px; display:inline-flex; align-items:center; gap:6px; min-height:28px; padding:0 10px; border:1px solid rgba(255,255,255,.14); border-radius:999px; color:#fff; background:rgba(9,10,13,.6); backdrop-filter:blur(10px); font-size:9px; font-weight:800; }
.erStatus i { width:6px; height:6px; border-radius:50%; background:var(--er-amber); }
.erStatus.approved i { background:#50e4a3; }.erStatus.in-progress i { background:#6ea8ff; }
.erCardVisual>em { position:absolute; right:14px; bottom:12px; color:rgba(255,255,255,.72); font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace; font-style:normal; }
.erCardBody { display:grid; min-height:210px; padding:22px; }
.erCardBody h2 { overflow:hidden; margin:8px 0 0; color:var(--er-ink); font-family:"Arial Black",Inter,sans-serif; font-size:21px; line-height:1.05; letter-spacing:-.045em; text-overflow:ellipsis; white-space:nowrap; }
.erCardBody p { display:-webkit-box; overflow:hidden; min-height:38px; margin:9px 0 0; color:var(--er-copy); font-size:12px; line-height:1.55; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.erCardBody footer { align-self:end; display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:24px; padding-top:16px; border-top:1px solid var(--er-line); }
.erAvatars { display:flex; padding-left:7px; }
.erAvatars i { display:grid; place-items:center; width:30px; height:30px; margin-left:-7px; border:2px solid #fff; border-radius:10px; color:#fff; background:#191a1f; font-size:9px; font-weight:900; font-style:normal; }
.erAvatars i:nth-child(2n) { background:var(--er-red); }.erAvatars i:nth-child(3n) { background:#59606b; }
.erAvatars .erWolf img { width:19px; filter:brightness(0) invert(1); }
.erCardStats { display:flex; align-items:center; gap:12px; color:var(--er-muted); font-size:9px; }
.erCardStats span { display:flex; align-items:center; gap:4px; }.erCardStats b { color:var(--er-ink); }
.erEmpty { display:grid; place-items:center; min-height:420px; padding:54px 24px; border:1px dashed #d6d8dc; border-radius:25px; text-align:center; background:linear-gradient(180deg,#fafafb,#fff); }
.erEmptyFilm { display:flex; align-items:flex-end; gap:5px; width:72px; height:50px; margin-bottom:22px; padding:8px; border:1px solid var(--er-line); border-radius:15px; background:#fff; transform:rotate(-3deg); box-shadow:0 12px 28px rgba(17,18,22,.08); }
.erEmptyFilm i { flex:1; height:60%; border-radius:3px 3px 0 0; background:var(--er-red); }.erEmptyFilm i:nth-child(2){height:100%;}.erEmptyFilm i:nth-child(3){height:78%;}
.erEmpty h2 { margin:9px 0 0; color:var(--er-ink); font-family:"Arial Black",sans-serif; font-size:30px; letter-spacing:-.055em; }
.erEmpty p { max-width:460px; margin:12px 0 24px; color:var(--er-copy); font-size:13px; line-height:1.6; }

.erDetail { min-height:calc(100dvh - 64px); background:#eef0f3; }
.erDetailHeader { position:relative; z-index:30; display:grid; grid-template-columns:auto minmax(220px,1fr) auto; align-items:center; gap:22px; min-height:88px; padding:14px clamp(18px,3vw,44px); border-bottom:1px solid var(--er-line); background:rgba(255,255,255,.96); backdrop-filter:blur(18px); }
.erBack { display:inline-flex; align-items:center; gap:7px; min-height:42px; padding:0 12px; border:1px solid var(--er-line); border-radius:12px; color:var(--er-copy); background:#fff; font-size:10px; font-weight:800; }
.erDetailTitle { min-width:0; }
.erDetailTitle>span { font-size:8px; }
.erDetailTitle h1 { overflow:hidden; margin:5px 0 0; color:var(--er-ink); font-family:"Arial Black",Inter,sans-serif; font-size:22px; line-height:1; letter-spacing:-.055em; text-overflow:ellipsis; white-space:nowrap; }
.erDetailTitle p { overflow:hidden; margin:6px 0 0; color:var(--er-muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.erDetailActions { display:flex; align-items:center; gap:8px; }
.erVersionSelect { display:grid; height:48px; padding:7px 11px; border:1px solid var(--er-line); border-radius:13px; background:#f8f8f9; }
.erVersionSelect span { color:var(--er-muted); font-size:7px; font-weight:900; letter-spacing:.14em; }
.erVersionSelect select { min-width:74px; border:0; outline:0; color:var(--er-ink); background:transparent; font-size:11px; font-weight:900; }
.erStatusButton.needs-review { border-color:rgba(232,23,23,.24); color:#cf1212; background:rgba(232,23,23,.055); }.erStatusButton.in-progress { border-color:#cddaf0; color:#2460b0; background:#f1f6ff; }.erStatusButton.approved { border-color:#bfe5d2; color:#167949; background:#f0fbf6; }
.erReviewWorkspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,410px); min-height:calc(100dvh - 152px); }
.erPlayerColumn { min-width:0; padding:clamp(18px,2.4vw,38px); background:radial-gradient(circle at 48% 0,rgba(255,255,255,.9),transparent 44%),#eef0f3; }
.erPlayerShell { overflow:hidden; border:1px solid #25272d; border-radius:19px; background:#0b0c0f; box-shadow:0 24px 55px rgba(7,8,10,.18); }
.erPlayerTop { display:flex; align-items:center; justify-content:space-between; min-height:44px; padding:0 14px 0 16px; border-bottom:1px solid rgba(255,255,255,.08); color:#a7abb2; background:#101115; font-size:9px; font-weight:750; }
.erPlayerTop>span { display:flex; align-items:center; gap:7px; }.erPlayerTop>span i { width:6px; height:6px; border-radius:50%; background:var(--er-red); }
.erPlayerTop>div { display:flex; gap:4px; }.erPlayerTop button { display:grid; place-items:center; width:34px; height:34px; border:0; border-radius:9px; color:#b9bdc4; background:transparent; }.erPlayerTop button:hover{background:rgba(255,255,255,.06);color:#fff;}
.erPlayerStage { position:relative; aspect-ratio:16/9; overflow:hidden; color:#fff; background:#050506; touch-action:manipulation; user-select:none; }
.erPlayerStage video { display:block; width:100%; height:100%; object-fit:contain; background:#050506; }
.erBigPlay { position:absolute; top:50%; left:50%; z-index:5; display:grid; place-items:center; width:68px; height:68px; margin:-34px; border:1px solid rgba(255,255,255,.25); border-radius:50%; color:#fff; background:rgba(7,8,10,.52); box-shadow:0 15px 40px rgba(0,0,0,.3); backdrop-filter:blur(12px); transition:opacity .15s ease,transform .15s ease; }.erBigPlay.hidden{opacity:0;pointer-events:none;transform:scale(.8);}
.erDoubleTapHint { position:absolute; top:14px; left:50%; z-index:4; transform:translateX(-50%); pointer-events:none; }.erDoubleTapHint span { display:flex; align-items:center; gap:6px; padding:7px 10px; border:1px solid rgba(255,255,255,.15); border-radius:999px; color:rgba(255,255,255,.78); background:rgba(7,8,10,.46); backdrop-filter:blur(9px); font-size:8px; font-weight:800; }
.erPlayerControls { position:absolute; right:0; bottom:0; left:0; z-index:8; display:grid; grid-template-columns:34px auto minmax(80px,1fr) auto 34px 34px 34px; align-items:center; gap:7px; min-height:58px; padding:13px 13px 8px; color:#fff; background:linear-gradient(transparent,rgba(0,0,0,.86)); }
.erPlayerControls>button { display:grid; place-items:center; min-width:32px; height:32px; padding:0; border:0; border-radius:8px; color:#fff; background:transparent; font-size:9px; font-weight:850; }.erPlayerControls>button:hover{background:rgba(255,255,255,.1);}
.erPlayerControls>span { font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.erTimeline { position:relative; display:flex; align-items:center; height:24px; }
.erTimeline input { position:relative; z-index:2; width:100%; height:3px; margin:0; accent-color:var(--er-red); cursor:pointer; }
.erMarkers { position:absolute; inset:0 8px; pointer-events:none; }.erMarkers button { position:absolute; top:5px; z-index:4; width:8px; height:8px; margin-left:-4px; padding:0; border:2px solid #fff; border-radius:50%; background:var(--er-red); box-shadow:0 2px 8px rgba(0,0,0,.4); pointer-events:auto; }
.erSavedMarkup { position:absolute; inset:0; z-index:4; width:100%; height:100%; pointer-events:none; filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)); }
.erMarkupCanvas { position:absolute; inset:0; z-index:20; display:none; width:100%; height:100%; cursor:crosshair; touch-action:none; }
.erMarkupToolbar { position:absolute; right:12px; bottom:68px; left:12px; z-index:24; display:none; grid-template-columns:auto 1fr repeat(4,auto); align-items:center; gap:7px; min-height:50px; padding:7px 8px; border:1px solid rgba(255,255,255,.17); border-radius:14px; color:#fff; background:rgba(13,14,18,.9); box-shadow:0 16px 40px rgba(0,0,0,.34); backdrop-filter:blur(16px); }
.markupActive .erMarkupCanvas { display:block; }.markupActive .erMarkupToolbar { display:grid; }.markupActive .erPlayerControls,.markupActive .erBigPlay,.markupActive .erDoubleTapHint { display:none; }
.erMarkupToolbar>div { display:flex; gap:5px; }.erMarkupToolbar button { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-width:38px; height:36px; padding:0 10px; border:0; border-radius:9px; color:#c8cbd0; background:rgba(255,255,255,.06); font-size:9px; font-weight:800; }.erMarkupToolbar button:hover{color:#fff;background:rgba(255,255,255,.12);}.erMarkupToolbar .erColor{position:relative;min-width:30px;width:30px;padding:0;background:transparent}.erColor::before{content:"";width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-radius:50%;background:var(--er-color)}.erColor.active::before{box-shadow:0 0 0 3px rgba(255,255,255,.22);}.erMarkupToolbar .erMarkupDone{color:#fff;background:var(--er-red);}
.erVideoError { position:absolute; inset:0; z-index:7; display:grid; place-content:center; justify-items:center; padding:30px; text-align:center; background:#090a0d; }.erVideoError b{color:#fff;font-size:15px}.erVideoError span{margin-top:8px;color:#91969e;font-size:11px}.erVideoError button{min-height:38px;margin-top:15px;padding:0 13px;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;background:var(--er-red);font-size:9px;font-weight:850}
.erPlaybackWaiting{display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(232,23,23,.16),transparent 34%),linear-gradient(145deg,#17191f,#07080a 72%)}
.erPlaybackWaiting::before{content:"";position:absolute;inset:0;opacity:.12;background:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:42px 42px}
.erPlaybackState{position:relative;z-index:2;display:grid;justify-items:center;width:min(540px,88%);padding:28px;text-align:center}.erPlaybackState>span{margin-top:18px;color:#ff5e5e;font:850 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.erPlaybackState>b{margin-top:10px;color:#fff;font-size:clamp(17px,2.3vw,27px);letter-spacing:-.035em}.erPlaybackState>p{max-width:440px;margin:9px 0 0;color:#9ca2ab;font-size:10px;line-height:1.55}.erPlaybackState>small{margin-top:18px;color:#686e78;font:750 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.erPlaybackState>button{min-height:42px;margin-top:17px;padding:0 15px;border:1px solid #ff5555;border-radius:11px;color:#fff;background:var(--er-red);font-size:9px;font-weight:850;box-shadow:0 12px 28px rgba(232,23,23,.22)}.erPlaybackState>button:disabled{opacity:.5}
.erEncodeBars{display:flex;align-items:flex-end;gap:5px;width:74px;height:45px}.erEncodeBars i{width:14px;height:38%;border-radius:4px;background:var(--er-red);box-shadow:0 0 18px rgba(232,23,23,.35)}.erPlaybackState.processing .erEncodeBars i{animation:erEncode 1.1s ease-in-out infinite}.erPlaybackState.processing .erEncodeBars i:nth-child(2){height:82%;animation-delay:.1s}.erPlaybackState.processing .erEncodeBars i:nth-child(3){height:58%;animation-delay:.2s}.erPlaybackState.processing .erEncodeBars i:nth-child(4){height:100%;animation-delay:.3s}.erPlaybackState.failed .erEncodeBars{opacity:.45}.erPlaybackState.failed .erEncodeBars i{height:18%}
.erComposerLocked{display:grid;gap:4px;margin-top:15px;padding:16px;border:1px solid var(--er-line);border-radius:16px;background:#f7f8f9;text-align:center}.erComposerLocked b{color:#34383e;font-size:10px}.erComposerLocked span{color:#90959d;font-size:9px}
.erComposer { display:grid; grid-template-columns:40px minmax(0,1fr); gap:12px; margin-top:15px; padding:15px; border:1px solid #d7dade; border-radius:17px; background:#fff; box-shadow:0 14px 34px rgba(17,18,22,.07); }
.erComposerAvatar { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; color:#fff; background:var(--er-red); font-size:11px; font-weight:900; }
.erComposerBody { min-width:0; }.erComposerContext{display:flex;align-items:center;gap:9px;min-height:22px}.erComposerContext>button{padding:0;border:0;color:var(--er-red);background:transparent;font:850 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.erComposerContext>button.general{color:#5c6570}.erComposerContext>span{color:var(--er-muted);font-size:9px}.erComposerContext>b{display:flex;align-items:center;gap:4px;margin-left:auto;color:#19774b;font-size:9px}
.erComposer textarea { display:block; width:100%; min-height:48px; margin-top:4px; padding:8px 0; resize:vertical; border:0; outline:0; color:var(--er-ink); background:transparent; font-size:14px; line-height:1.45; }.erComposer textarea::placeholder{color:#a1a5ac}
.erComposer footer { display:flex; align-items:center; gap:9px; padding-top:9px; border-top:1px solid #eef0f2; }.erComposer footer>button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 9px;border:0;border-radius:9px;color:var(--er-copy);background:#f5f6f7;font-size:9px;font-weight:800}.erComposer footer>small{color:#a0a4aa;font-size:8px}.erComposer footer>small kbd{padding:3px 5px;border:1px solid #dfe2e6;border-radius:5px;color:#676d75;background:#f7f8f9;font:800 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.erComposer footer .erSend{margin-left:auto;padding:0 13px;color:#fff;background:var(--er-red);}.erComposer footer .erSend:disabled{opacity:.38;cursor:not-allowed}
.erVersionNote { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:15px; }.erVersionNote>div{min-width:0;padding:15px;border:1px solid var(--er-line);border-radius:15px;background:#fff}.erVersionNote span{font-size:8px}.erVersionNote p{overflow:hidden;margin:7px 0 0;color:var(--er-copy);font-size:10px;line-height:1.5;text-overflow:ellipsis}
.erLearningCard{margin-top:15px;overflow:hidden;border:1px solid #dfe2e6;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(17,18,22,.04)}.erLearningCard>header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 17px;border-bottom:1px solid var(--er-line);background:linear-gradient(90deg,#f8f8fa,#fff)}.erLearningCard>header>div>span,.erLearningGrid span,.erTechniqueRail>span,.erBreakdownFields>div>span{display:block;color:var(--er-red);font-size:8px;font-weight:900;letter-spacing:.16em}.erLearningCard h3{margin:5px 0 0;color:var(--er-ink);font-family:"Arial Black",Inter,sans-serif;font-size:18px;letter-spacing:-.045em}.erLearningAuthor{display:flex!important;align-items:center;gap:8px}.erLearningAuthor>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:var(--er-red);font-size:9px;font-weight:900;font-style:normal}.erLearningAuthor>span{display:grid!important;gap:2px}.erLearningAuthor b{font-size:10px}.erLearningAuthor small{color:var(--er-muted);font-size:8px}.erLearningCard>header>button,.erLearningCard.empty>button{min-height:36px;padding:0 11px;border:1px solid var(--er-line);border-radius:10px;color:var(--er-copy);background:#fff;font-size:9px;font-weight:850}.erLearningGrid{display:grid;grid-template-columns:1fr 1fr}.erLearningGrid article{min-width:0;padding:18px}.erLearningGrid article+article{border-left:1px solid var(--er-line)}.erLearningGrid p{margin:8px 0 0;color:#3f434a;font-size:11px;line-height:1.6;white-space:pre-wrap}.erTechniqueRail{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:12px 17px;border-top:1px solid var(--er-line);background:#fafafb}.erTechniqueRail>span{margin-right:4px;color:var(--er-muted);font-size:7px}.erTechniqueRail>b{padding:6px 8px;border:1px solid #e0e2e6;border-radius:999px;color:#555b64;background:#fff;font-size:8px}.erLearningCard.empty{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px}.erLearningIcon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--er-red);background:#fff1f1;font-size:20px}.erLearningCard.empty span{color:var(--er-red);font-size:8px;font-weight:900;letter-spacing:.15em}.erLearningCard.empty h3{font-size:16px}.erLearningCard.empty p{margin:5px 0 0;color:var(--er-muted);font-size:9px}.erLearningCard.empty>button{color:#fff;border-color:var(--er-red);background:var(--er-red)}
.erCommentsPanel { min-width:0; border-left:1px solid var(--er-line); background:#fff; }
.erCommentsPanel>header { position:sticky; top:76px; z-index:10; display:flex; align-items:flex-end; justify-content:space-between; gap:12px; min-height:88px; padding:18px 17px 14px; border-bottom:1px solid var(--er-line); background:rgba(255,255,255,.96); backdrop-filter:blur(15px); }
.erCommentsPanel>header span { font-size:8px; }.erCommentsPanel>header h2{margin:5px 0 0;color:var(--er-ink);font-size:16px;letter-spacing:-.03em}
.erCommentFilters { display:flex; padding:3px; border:1px solid var(--er-line); border-radius:10px; background:#f5f6f7; }.erCommentFilters button{min-height:29px;padding:0 9px;border:0;border-radius:7px;color:var(--er-muted);background:transparent;font-size:8px;font-weight:850}.erCommentFilters button.active{color:var(--er-ink);background:#fff;box-shadow:0 2px 8px rgba(17,18,22,.08)}
.erCommentList { padding:6px 13px 40px; }
.erCommentCard { display:grid; grid-template-columns:34px minmax(0,1fr); gap:9px; padding:15px 3px 14px; border-bottom:1px solid #eef0f2; transition:background .15s ease; }.erCommentCard.active{margin:0 -8px;padding-right:11px;padding-left:11px;border-radius:13px;background:#fff4f4}.erCommentCard.resolved{opacity:.58}
.erCommentRail { display:flex; flex-direction:column; align-items:center; }.erCommentRail>i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;color:#fff;background:#24262c;font-size:9px;font-weight:900;font-style:normal}.erCommentRail>span{flex:1;width:1px;margin-top:7px;background:#eceef0}
.erCommentContent{min-width:0}.erCommentContent>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.erCommentContent>header>div{display:flex;align-items:baseline;gap:6px;min-width:0}.erCommentContent>header b{overflow:hidden;color:var(--er-ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.erCommentContent>header small{color:var(--er-muted);font-size:8px;white-space:nowrap}.erTimecode{min-height:26px;padding:0 7px;border:1px solid #ffd0d0;border-radius:8px;color:#d31616;background:#fff7f7;font:850 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.erTimecode.general{color:#6d727a;border-color:var(--er-line);background:#f6f7f8;font-size:7px;letter-spacing:.08em}.erCommentContent>p{margin:9px 0 0;color:#34373d;font-size:11px;line-height:1.55;white-space:pre-wrap}.erMarkupBadge{display:inline-flex;align-items:center;gap:5px;min-height:26px;margin-top:8px;padding:0 8px;border:1px solid #f3cccc;border-radius:8px;color:#c51515;background:#fff8f8;font-size:8px;font-weight:800}
.erCommentContent>footer{display:flex;align-items:center;gap:3px;margin-top:10px}.erCommentContent>footer button{display:inline-flex;align-items:center;gap:4px;min-height:27px;padding:0 6px;border:0;border-radius:7px;color:#858a92;background:transparent;font-size:8px;font-weight:800}.erCommentContent>footer button:hover,.erCommentContent>footer button.active{color:var(--er-ink);background:#f1f2f4}.erCommentContent>footer .erDeleteComment{margin-left:auto;color:#b9bcc1}.erCommentContent>footer .erDeleteComment:hover{color:var(--er-red);background:#fff1f1}
.erReplies{display:grid;gap:9px;margin-top:11px;padding:10px;border-radius:11px;background:#f6f7f8}.erReplies>div{display:grid;grid-template-columns:25px minmax(0,1fr);gap:7px}.erReplies i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:#fff;background:#626872;font-size:7px;font-weight:900;font-style:normal}.erReplies b{font-size:9px}.erReplies p{margin:3px 0 0;color:#50545b;font-size:9px;line-height:1.45}.erReplyForm{display:flex;gap:6px;margin-top:9px}.erReplyForm input{min-width:0;flex:1;height:34px;padding:0 10px;border:1px solid var(--er-line);border-radius:9px;outline:0;color:var(--er-ink);background:#fff;font-size:10px}.erReplyForm input:focus{border-color:rgba(232,23,23,.42)}.erReplyForm button{height:34px;padding:0 10px;border:0;border-radius:9px;color:#fff;background:var(--er-red);font-size:9px;font-weight:850}
.erNoComments { display:grid; place-items:center; min-height:300px; padding:35px; color:#adb1b7; text-align:center; }.erNoComments b{margin-top:12px;color:#555b64;font-size:12px}.erNoComments span{max-width:240px;margin-top:7px;color:#969ba3;font-size:9px;line-height:1.5}
.erCommentsPanel { background:#f4f5f7; }
.erCommentsPanel>header { top:64px; min-height:92px; padding:20px 18px 15px; background:rgba(250,250,251,.96); }
.erCommentList { display:grid; gap:9px; padding:12px 12px 40px; }
.erCommentCard { position:relative; grid-template-columns:36px minmax(0,1fr); gap:10px; padding:15px 13px 13px; border:1px solid #e1e3e6; border-radius:15px; background:#fff; box-shadow:0 4px 13px rgba(17,18,22,.025); cursor:pointer; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease; }
.erCommentCard:hover { transform:translateY(-1px); border-color:#d2d5da; box-shadow:0 10px 24px rgba(17,18,22,.065); }
.erCommentCard.active { margin:0; padding:15px 13px 13px; border-color:rgba(232,23,23,.42); background:#fff; box-shadow:0 0 0 3px rgba(232,23,23,.07),0 12px 28px rgba(17,18,22,.07); }
.erCommentCard.active::before { content:""; position:absolute; top:14px; bottom:14px; left:-1px; width:3px; border-radius:0 3px 3px 0; background:var(--er-red); }
.erCommentRail>i { width:34px; height:34px; border-radius:11px; }
.erCommentRail>span { display:none; }
.erTimecode { display:inline-flex; align-items:center; gap:4px; border-color:#f4c2c2; color:#c41414; background:#fff5f5; }
.erTimecode>span { font-size:7px; }
.erCommentContent>p { margin-top:10px; font-size:11px; line-height:1.58; }
.erCommentContent>footer { padding-top:7px; border-top:1px solid #f0f1f3; }
.erEmptyProject{min-height:calc(100dvh - 164px);border:0;border-radius:0}

.erModalBackdrop { position:fixed; inset:0; z-index:50000; display:grid; place-items:center; padding:20px; background:rgba(15,16,20,.48); backdrop-filter:blur(13px); }
.erModal { width:min(620px,100%); max-height:calc(100dvh - 32px); overflow:auto; border:1px solid rgba(255,255,255,.7); border-radius:24px; color:var(--er-ink); background:#fff; box-shadow:0 34px 90px rgba(10,11,14,.25); }
.erModal>header { display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 18px;border-bottom:1px solid var(--er-line)}.erModal>header>span{font-size:8px}.erModal>header button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;color:#6e737b;background:#f4f5f7}
.erModal form { padding:24px; }.erModalTitle h2{margin:0;color:var(--er-ink);font-family:"Arial Black",Inter,sans-serif;font-size:28px;letter-spacing:-.055em}.erModalTitle p{margin:8px 0 22px;color:var(--er-copy);font-size:11px;line-height:1.5}.erModal label{display:grid;gap:7px;margin-top:14px}.erModal label>span{color:#5d626a;font-size:9px;font-weight:850}.erModal input,.erModal textarea{width:100%;min-height:45px;padding:11px 12px;border:1px solid var(--er-line);border-radius:12px;outline:0;color:var(--er-ink);background:#f8f8f9;font-size:12px}.erModal textarea{resize:vertical}.erModal input:focus,.erModal textarea:focus{border-color:rgba(232,23,23,.48);background:#fff;box-shadow:0 0 0 4px rgba(232,23,23,.06)}.erModalGrid{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px}
.erUploadModal{width:min(620px,100%)}.erModalGridSimple{grid-template-columns:minmax(130px,.42fr) minmax(0,1fr)}.erUploaderIdentity{display:grid;align-content:end;gap:7px;margin-top:14px}.erUploaderIdentity>span{color:#5d626a;font-size:9px;font-weight:850}.erUploaderIdentity>b{display:flex;align-items:center;gap:9px;min-height:45px;padding:7px 12px;border:1px solid var(--er-line);border-radius:12px;color:var(--er-ink);background:#f8f8f9;font-size:12px}.erUploaderIdentity i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:#fff;background:var(--er-red);font-size:8px;font-weight:900;font-style:normal}
.erFileDrop{position:relative;min-height:126px!important;margin-top:18px!important;overflow:hidden;border:1px dashed #c9ccd1;border-radius:16px;background:#fafafb}.erFileDrop input{position:absolute;inset:0;z-index:2;height:100%;opacity:0;cursor:pointer}.erFileDrop>span{display:grid;place-items:center;align-content:center;height:126px;padding:20px;color:#8b9098;text-align:center}.erFileDrop b{margin-top:7px;color:var(--er-ink);font-size:12px}.erFileDrop small{margin-top:5px;color:#92969e;font-size:9px}.erFileDrop:has(input:focus),.erFileDrop:hover{border-color:rgba(232,23,23,.48);background:#fff7f7}
.erBreakdownFields{margin-top:18px;padding:15px;border:1px solid #e1e3e7;border-radius:16px;background:#f8f8fa}.erBreakdownFields>div>b{display:block;margin-top:5px;color:#3f434a;font-size:11px}.erBreakdownFields label>span small,.erBreakdownModal label>span small{color:var(--er-muted);font-weight:600}.erBreakdownModal textarea{min-height:108px}
.erUploadProgress{margin-top:15px;padding:13px;border:1px solid var(--er-line);border-radius:13px;background:#f7f8f9}.erUploadProgress>div{display:flex;justify-content:space-between;color:#555b64;font-size:9px;font-weight:800}.erUploadProgress>i{display:block;height:5px;margin-top:9px;overflow:hidden;border-radius:999px;background:#e3e5e8}.erUploadProgress>i>b{display:block;width:0;height:100%;border-radius:inherit;background:var(--er-red);transition:width .18s ease}.erUploadProgress>small{display:block;margin-top:7px;color:#969ba2;font-size:8px}.erModalError{min-height:18px;margin-top:10px;color:#c91414;font-size:10px}.erModal form>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;padding-top:17px;border-top:1px solid var(--er-line)}.erModal form>footer button{min-height:44px;padding:0 15px;border:1px solid var(--er-line);border-radius:12px;color:#52575e;background:#fff;font-size:10px;font-weight:850}.erModal form>footer .erPrimary{color:#fff;border-color:var(--er-red);background:var(--er-red)}
.erAdobeModal{width:min(500px,100%);overflow:hidden}.erAdobeModalBody{padding:24px}.erAdobeModalHero{display:grid;grid-template-columns:54px minmax(0,1fr);gap:15px;align-items:start}.erAdobeModalHero>i{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;color:#fff;background:linear-gradient(145deg,#f12b33,#b50925);box-shadow:0 12px 26px rgba(232,23,23,.22)}.erAdobeModalHero>div>span{display:block;margin:2px 0 7px;color:var(--er-red);font-size:8px;font-weight:900;letter-spacing:.18em}.erAdobeModalHero h2{margin:0;color:var(--er-ink);font-family:"Arial Black",Inter,sans-serif;font-size:24px;letter-spacing:-.05em;line-height:1.05}.erAdobeModalHero p{margin:9px 0 0;color:var(--er-copy);font-size:11px;line-height:1.5}.erAdobeSteps{display:grid;gap:8px;margin:22px 0 0;padding:0;list-style:none}.erAdobeSteps li{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--er-line);border-radius:13px;background:#f7f7f8}.erAdobeSteps li>b{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:9px;color:#fff;background:#15161a;font-size:10px}.erAdobeSteps li>span{display:grid;gap:2px}.erAdobeSteps strong{color:var(--er-ink);font-size:11px}.erAdobeSteps small{color:#757b84;font-size:9px;line-height:1.4}.erAdobeModalBody>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:17px;border-top:1px solid var(--er-line)}.erAdobeModalBody>footer button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 16px;border:1px solid var(--er-line);border-radius:12px;color:#52575e;background:#fff;font-size:10px;font-weight:850}.erAdobeModalBody>footer .erPrimary{color:#fff;border-color:var(--er-red);background:linear-gradient(135deg,#ef2028,#b80f2c);box-shadow:0 8px 20px rgba(232,23,23,.2)}
.erLoading,.erError{display:grid;place-items:center;min-height:70dvh;padding:40px;text-align:center}.erLoading>div{display:flex;align-items:flex-end;gap:5px;width:64px;height:50px}.erLoading>div i{width:17px;height:55%;border-radius:5px;background:var(--er-red);animation:erBars 1.1s ease-in-out infinite}.erLoading>div i:nth-child(2){height:100%;animation-delay:.12s}.erLoading>div i:nth-child(3){height:72%;animation-delay:.24s}.erLoading b,.erError b{margin-top:15px;color:var(--er-ink);font-size:15px}.erLoading span,.erError span{margin-top:7px;color:var(--er-muted);font-size:10px}.erError button{min-height:40px;margin-top:16px;padding:0 14px;border:0;border-radius:11px;color:#fff;background:var(--er-red);font-size:10px;font-weight:850}

@keyframes erPulse{50%{box-shadow:0 0 0 12px rgba(232,23,23,0)}}@keyframes erBars{50%{transform:scaleY(.55);opacity:.45}}@keyframes erEncode{50%{transform:scaleY(.35);opacity:.4}}
@media(max-width:1200px){.erProjectGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.erReviewWorkspace{grid-template-columns:minmax(0,1fr) 340px}.erDetailHeader{grid-template-columns:auto minmax(160px,1fr) auto}.erSecondary span{display:none}}
@media(max-width:900px) and (min-width:768px){.erDetailHeader{grid-template-columns:auto minmax(140px,1fr)}.erDetailActions{grid-column:1/-1;justify-content:flex-end}.erReviewWorkspace{grid-template-columns:1fr}.erCommentsPanel{border-top:1px solid var(--er-line);border-left:0}.erCommentsPanel>header{top:76px}.erOverview{grid-template-columns:1fr 1fr}.erOverview>div:nth-child(3){border-left:0;border-top:1px solid var(--er-line)}.erOverview>div:nth-child(4){border-top:1px solid var(--er-line)}}

@media(max-width:767px){
  .erMobileSurface{width:auto;min-height:100dvh;margin:0 -14px;color:var(--er-ink);background:#fff}.erMobileSurface .erDashboard{padding:23px 14px calc(98px + env(safe-area-inset-bottom))}.erMobileSurface .erPageHeader{align-items:center}.erMobileSurface .erPageHeader h1{font-size:36px}.erMobileSurface .erPageHeader p{margin-top:9px;font-size:11px}.erMobileSurface .erPageHeader .erPrimary{width:48px;min-width:48px;height:48px;padding:0}.erMobileSurface .erPageHeader .erPrimary span{display:none}
  .erOverview{grid-template-columns:1fr 1fr;margin-top:25px;border-radius:17px}.erOverview>div{min-height:78px;padding:14px;border-top:1px solid var(--er-line)}.erOverview>div:nth-child(odd){border-left:0}.erOverview>div:nth-child(-n+2){border-top:0}.erOverviewLead{gap:11px}.erOverviewLead>i{width:9px;height:9px;flex-basis:9px}.erOverview small{font-size:7px}.erOverview b{font-size:20px}.erOverviewLead b{font-size:11px}.erSectionHeading{margin:27px 2px 13px}.erProjectGrid{grid-template-columns:1fr;gap:12px}.erProjectCard{display:grid;grid-template-columns:116px minmax(0,1fr);min-height:142px;border-radius:18px}.erCardVisual{height:100%;aspect-ratio:auto}.erCardCode span,.erFilmEdge,.erCardVisual>em{display:none}.erCardCode b{font-size:42px}.erStatus{top:9px;right:auto;left:9px;min-height:22px;padding:0 7px;font-size:7px}.erCardBody{min-height:0;padding:15px}.erCardBody h2{font-size:16px}.erCardBody p{min-height:30px;font-size:9px;line-height:1.4}.erCardBody>div>span{font-size:7px}.erCardBody footer{margin-top:13px;padding-top:10px}.erAvatars i{width:25px;height:25px;border-radius:8px;font-size:7px}.erCardStats span{display:none}.erCardStats{font-size:8px}.erEmpty{min-height:390px;padding:38px 20px}.erEmpty h2{font-size:24px}
  .erMobileSurface .erDetail{min-height:100dvh}.erDetailHeader{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;min-height:auto;padding:10px 12px 11px;border-bottom:1px solid var(--er-line);background:#fff}.erBack{width:42px;min-width:42px;height:42px;padding:0}.erBack span{display:none}.erDetailTitle>span{font-size:7px}.erDetailTitle h1{font-size:18px}.erDetailTitle p{display:none}.erDetailActions{grid-column:1/-1;display:grid;grid-template-columns:86px 1fr 1fr;gap:7px}.erVersionSelect{height:43px;padding:6px 9px}.erVersionSelect select{min-width:0}.erSecondary,.erStatusButton{min-width:0;min-height:43px;padding:0 9px;font-size:9px}.erSecondary span{display:inline}.erReviewWorkspace{display:flex;flex-direction:column;min-height:0}.erPlayerColumn{display:contents}.erPlayerShell{position:sticky;top:calc(58px + env(safe-area-inset-top));z-index:45;order:1;border-width:0;border-radius:0;box-shadow:0 11px 28px rgba(0,0,0,.18)}.erPlayerTop{min-height:34px;padding:0 10px;font-size:7px}.erPlayerStage{aspect-ratio:16/9}.erDoubleTapHint{top:8px}.erDoubleTapHint span{padding:5px 8px;font-size:7px}.erBigPlay{width:52px;height:52px;margin:-26px}.erPlayerControls{grid-template-columns:30px auto minmax(55px,1fr) auto 30px 30px;padding:10px 8px 5px;gap:3px;min-height:48px}.erPlayerControls>[data-er-volume]{display:none}.erPlayerControls>span{font-size:7px}.erMarkers{inset:0 4px}.erComposer{position:sticky;bottom:calc(71px + env(safe-area-inset-bottom));z-index:44;order:2;grid-template-columns:31px minmax(0,1fr);gap:9px;margin:0;padding:11px 12px;border-width:0 0 1px;border-radius:0;box-shadow:0 -10px 26px rgba(17,18,22,.08)}.erComposerAvatar{width:31px;height:31px;border-radius:9px;font-size:8px}.erComposer textarea{min-height:42px;font-size:16px;line-height:1.35}.erComposer footer>small{display:none}.erComposer footer>button{min-height:32px}.erComposer footer>button span{display:none}.erComposer footer .erSend span{display:inline}.erVersionNote{order:4;grid-template-columns:1fr;margin:10px 12px}.erVersionNote>div:last-child{display:none}.erCommentsPanel{order:3;border:0;background:#fff}.erCommentsPanel>header{position:static;min-height:74px;padding:14px 13px}.erCommentList{padding:0 11px 110px}.erCommentCard{grid-template-columns:32px minmax(0,1fr);padding:15px 2px}.erCommentContent>p{font-size:12px}.erTimecode{font-size:9px}.erCommentContent>footer button{min-height:32px;padding:0 7px}.erReplyForm input{font-size:16px}.erEmptyProject{min-height:60dvh;order:1}.erMarkupToolbar{right:6px;bottom:53px;left:6px;grid-template-columns:auto 1fr repeat(3,auto);gap:4px;padding:5px}.erMarkupToolbar>div{gap:2px}.erMarkupToolbar button{min-width:33px;height:34px;padding:0 7px}.erMarkupToolbar [data-er-markup-clear]{display:none}.erMarkupToolbar button span{display:none}
  .erPlaybackState{width:96%;padding:13px}.erPlaybackState>b{font-size:15px}.erPlaybackState>p{margin-top:6px;font-size:8px}.erPlaybackState>span{margin-top:10px;font-size:6px}.erPlaybackState>small{display:none}.erEncodeBars{width:53px;height:27px;gap:3px}.erEncodeBars i{width:11px}.erPlaybackState>button{min-height:36px;margin-top:10px}.erComposerLocked{order:2;margin:0;padding:12px;border-width:0 0 1px;border-radius:0}
  .erLearningCard{order:5;margin:0 12px 12px}.erLearningCard>header{grid-template-columns:minmax(0,1fr) auto;padding:14px}.erLearningAuthor{grid-row:2}.erLearningCard>header>button{grid-column:2;grid-row:1/3}.erLearningGrid{grid-template-columns:1fr}.erLearningGrid article+article{border-top:1px solid var(--er-line);border-left:0}.erLearningGrid article{padding:15px}.erLearningCard.empty{grid-template-columns:40px minmax(0,1fr);padding:14px}.erLearningIcon{width:40px;height:40px}.erLearningCard.empty>button{grid-column:1/-1;width:100%}
  .erModalBackdrop{align-items:end;padding:0}.erModal{width:100%;max-height:92dvh;border:0;border-radius:24px 24px 0 0}.erModal form{padding:18px 15px calc(20px + env(safe-area-inset-bottom))}.erModalTitle h2{font-size:24px}.erModal input,.erModal textarea{font-size:16px}.erModalGrid{grid-template-columns:92px minmax(0,1fr)}.erFileDrop{min-height:112px!important}.erFileDrop>span{height:112px}.erModal form>footer{position:sticky;bottom:0;background:#fff}.erModal form>footer button{flex:1}.erLoading,.erError{min-height:60dvh}.erAdobeModalBody{padding:18px 15px calc(18px + env(safe-area-inset-bottom))}.erAdobeModalHero{grid-template-columns:46px minmax(0,1fr);gap:12px}.erAdobeModalHero>i{width:46px;height:46px;border-radius:14px}.erAdobeModalHero h2{font-size:22px}.erAdobeModalHero p{font-size:10px}.erAdobeSteps{margin-top:17px}.erAdobeSteps li{padding:11px}.erAdobeModalBody>footer button{flex:1}
}

@media(max-width:767px){
  body.episode-review-mode #scMobileApp>.scMobileTop,
  body.episode-review-mode #scMobileTabs { display:none!important; }
  body.episode-review-mode .scMobileMain { padding:0!important; }
  body.episode-review-mode .erMobileSurface { margin:0!important; }
  .erStandaloneBar { grid-template-columns:minmax(0,1fr) auto; min-height:calc(56px + env(safe-area-inset-top)); padding:env(safe-area-inset-top) 10px 0 12px; }
  .erReviewBrand img { width:31px; height:31px; }
  .erReviewBrand b { font-size:10px; }
  .erReviewBrand small { font-size:6px; }
  .erRoomState,.erReviewAccount>span,.erReviewAccount>button[data-er-signout],.erShortcutButton>span { display:none; }
  .erReviewAccount { gap:5px; }
  .erReviewAccount>.erShortcutButton { display:grid; place-items:center; width:34px; min-width:34px; height:34px; margin:0; padding:0; }
  .erReviewAccount>i { width:32px; height:32px; }
  .erReviewBody { min-height:calc(100dvh - 56px - env(safe-area-inset-top)); }
  .erPlayerShell { top:calc(56px + env(safe-area-inset-top))!important; }
  .erComposer { bottom:env(safe-area-inset-bottom)!important; }
  .erCommentsPanel { background:#f4f5f7!important; }
  .erCommentList { gap:8px; padding:10px 10px calc(28px + env(safe-area-inset-bottom)); }
  .erCommentCard { grid-template-columns:34px minmax(0,1fr); padding:14px 12px!important; border:1px solid #e0e2e5; border-radius:14px; }
  .erCommentCard.active { margin:0; padding:14px 12px!important; }
  .erShortcutBackdrop { align-items:end; padding:0; }
  .erShortcutSheet { width:100%; max-height:86dvh; border-width:1px 0 0; border-radius:23px 23px 0 0; }
  .erShortcutSheet>div { grid-template-columns:1fr; overflow:auto; max-height:64dvh; }
  .erShortcutSheet p { min-height:49px; }
}

/* Integrated, Frame-style review workspace */
body.episode-review-mode { background:#fff!important; }
body.episode-review-mode>.siteFooter { display:flex!important; }
body.episode-review-detail>.siteFooter { display:none!important; }
body.episode-review-mode #episodeReviewView,
body.episode-review-mode .episodeReviewApp { min-height:calc(100dvh - 68px); }
.erReviewBody { min-height:calc(100dvh - 68px); }
.erHotkeyButton { display:grid; place-items:center; width:42px; min-width:42px; height:42px; padding:0; border:1px solid rgba(255,255,255,.12); border-radius:11px; color:#d8dbe2; background:#20232c; font:900 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.erHotkeyButton:hover { color:#fff; border-color:rgba(232,23,23,.55); background:#292d38; }
.erDetail { height:calc(100dvh - 68px); min-height:0; overflow:hidden; color:#f5f6f8; background:#090b10; }
.erDetailHeader { position:sticky; top:68px; z-index:70; grid-template-columns:34px minmax(130px,1fr) auto auto; gap:10px; min-height:48px; padding:6px clamp(12px,2vw,22px); border-color:#252934; color:#f5f6f8; background:rgba(16,18,24,.97); box-shadow:0 10px 24px rgba(0,0,0,.16); }
.erDetailHeader .erBack { display:grid; place-items:center; width:34px; min-width:34px; min-height:34px; padding:0; border:0; border-radius:8px; }
.erDetailHeader .erBack span { display:none; }
.erDetailTitle { display:flex; align-items:center; gap:8px; min-width:0; }
.erDetailTitle>span { flex:0 0 auto; color:#ff5757; font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.13em; }
.erDetailTitle>i { color:#535966; font-size:11px; font-style:normal; }
.erDetailTitle h1 { min-width:0; margin:0; color:#f7f8fa; font-family:Inter,Arial,sans-serif; font-size:12px; font-weight:850; line-height:1; letter-spacing:-.01em; }
.erDetailTitle p { display:none; }
.erAdobeExport { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:30px; padding:0 9px; border:1px solid #353a45; border-radius:7px; color:#b9bec8; background:transparent; box-shadow:none; font-size:8px; font-weight:750; white-space:nowrap; transition:border-color .15s ease,color .15s ease,background .15s ease; }
.erAdobeExport svg{color:#ff5b65}
.erAdobeExport:hover{color:#fff;border-color:#515866;background:rgba(255,255,255,.045)}
.erShortcutLegend { display:flex; align-items:center; justify-content:flex-end; gap:5px; min-width:0; overflow:hidden; color:#8b919d; font:750 7px/1 Inter,sans-serif; white-space:nowrap; }
.erShortcutLegend span { display:inline-flex; align-items:center; gap:4px; }
.erShortcutLegend kbd { display:grid; place-items:center; min-width:20px; height:20px; padding:0 5px; border:1px solid #373c48; border-radius:5px; color:#dfe2e8; background:#20242d; font:850 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace; box-shadow:0 1px 0 rgba(255,255,255,.04); }
.erBack,.erSecondary,.erStatusButton { border-color:#303440; color:#c8ccd4; background:#1b1e26; }
.erBack:hover,.erSecondary:hover { color:#fff; border-color:#484e5d; background:#252933; }
.erVersionSelect { height:44px; border-color:#303440; background:#1b1e26; }
.erVersionSelect span { color:#777e8b; }
.erVersionSelect select { color:#f3f4f6; }
.erVersionSelect select option { color:#111; background:#fff; }
.erStatusButton.in-progress { border-color:#33496b; color:#8eb9f4; background:#182336; }
.erStatusButton.needs-review { border-color:rgba(232,23,23,.35); color:#ff7474; background:rgba(232,23,23,.1); }
.erStatusButton.approved { border-color:#24533e; color:#72d9a7; background:#13281f; }
.erReviewWorkspace { grid-template-columns:minmax(0,1fr) minmax(320px,370px); height:calc(100dvh - 116px); min-height:0; overflow:hidden; background:#090b10; }
.erPlayerColumn { display:flex; align-items:stretch; min-height:0; overflow:hidden; padding:0; background:#090b10; }
.erPlayerShell { display:flex; flex-direction:column; width:100%; height:100%; max-height:none; border:0; border-radius:0; background:#050506; box-shadow:none; }
.erPlayerTop { display:none; }
.erPlayerStage { flex:1 1 auto; min-height:0; aspect-ratio:auto; }
.erPlayerControls { display:block; min-height:82px; padding:0 12px 7px; background:linear-gradient(transparent,rgba(4,5,8,.98) 28%); }
.erTimeline { height:27px; margin-top:3px; }
.erTimeline input { width:100%; height:3px; margin:12px 0 0; accent-color:#ff2f45; }
.erMarkers { inset:0 3px; }
.erMarkers button { top:-5px; width:25px; height:25px; margin-left:-12px; padding:0; border:2px solid #0a0c11; color:#fff; background:#e81717; box-shadow:0 5px 15px rgba(0,0,0,.5); transition:transform .14s ease,box-shadow .14s ease; }
.erMarkers button:nth-child(3n+2) { background:#5c72d8; }
.erMarkers button:nth-child(3n) { background:#2da779; }
.erMarkers button:hover { z-index:8; transform:translateY(-2px) scale(1.08); box-shadow:0 8px 20px rgba(0,0,0,.62); }
.erMarkers button i { display:grid; place-items:center; width:100%; height:100%; color:#fff; font:900 7px/1 Inter,sans-serif; font-style:normal; }
.erMarkers button span { position:absolute; bottom:31px; left:50%; display:none; padding:4px 6px; border:1px solid #343947; border-radius:6px; color:#e9ebef; background:#171a22; font:800 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace; transform:translateX(-50%); white-space:nowrap; }
.erMarkers button:hover span { display:block; }
.erRangeBands { position:absolute; inset:0 3px; z-index:3; pointer-events:none; }
.erRangeBands button { position:absolute; top:10px; height:6px; min-width:5px; padding:0; border:0; border-radius:999px; background:linear-gradient(90deg,rgba(232,23,23,.95),rgba(255,86,86,.72)); box-shadow:0 0 0 1px rgba(255,255,255,.22),0 3px 10px rgba(232,23,23,.32); pointer-events:auto; cursor:pointer; }
.erRangeBands button:hover { height:8px; margin-top:-1px; }
.erRangeBands button span { position:absolute; bottom:13px; left:50%; display:none; width:20px; height:20px; place-items:center; border:2px solid #0a0c11; border-radius:50%; color:#fff; background:#e81717; font:900 6px/1 Inter,sans-serif; transform:translateX(-50%); }
.erRangeBands button:hover span { display:grid; }
.erTransport { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:43px; color:#fff; }
.erTransport>div { display:flex; align-items:center; gap:3px; }
.erTransport>div:last-child { justify-content:flex-end; }
.erTransport button { display:grid; place-items:center; min-width:34px; height:34px; padding:0 7px; border:0; border-radius:8px; color:#d9dce2; background:transparent; font-size:9px; font-weight:850; }
.erTransport button:hover { color:#fff; background:rgba(255,255,255,.09); }
.erTransport>span { display:flex; align-items:center; gap:5px; color:#777e89; font:750 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.erTransport>span b { color:#eef0f3; font:inherit; }
.erTransport>span i { font-style:normal; }
.erVersionNote { gap:10px; margin-top:12px; }
.erVersionNote>div { border-color:#252933; border-radius:11px; background:#13161d; }
.erVersionNote p { color:#a6abb5; }
.erLearningCard { margin-top:12px; border-color:#272b35; border-radius:12px; background:#13161d; box-shadow:none; }
.erLearningCard>header { border-color:#272b35; background:#151820; }
.erLearningCard h3,.erLearningCard>header b { color:#f2f3f5; }
.erLearningGrid article+article,.erTechniqueRail { border-color:#272b35; }
.erLearningGrid p { color:#bec2ca; }
.erTechniqueRail { background:#101319; }
.erTechniqueRail>b { border-color:#303541; color:#b8bdc6; background:#1a1e27; }
.erLearningCard.empty { background:#13161d; }
.erLearningCard.empty h3 { color:#f2f3f5; }
.erLearningCard.empty p { color:#8d939e; }
.erLearningCard.empty>button { border-color:#343946; color:#e4e6eb; background:#20242d; }
.erCommentsPanel { position:sticky; top:116px; display:flex; flex-direction:column; height:calc(100dvh - 116px); overflow:hidden; border-color:#272b35; color:#edf0f4; background:#141720!important; }
.erCommentsPanel>header { position:static; flex:0 0 auto; min-height:76px; padding:13px 14px; border-color:#292d38; background:#191c25; backdrop-filter:none; }
.erCommentsPanel>header span { color:#ff5656; }
.erCommentsPanel>header h2 { color:#f5f6f8; }
.erCommentFilters { border-color:#303541; background:#11141a; }
.erCommentFilters button { color:#7f8693; }
.erCommentFilters button.active { color:#fff; background:#292d38; box-shadow:none; }
.erCommentList { flex:1 1 auto; align-content:start; overflow-x:hidden; overflow-y:auto; min-height:0; padding:10px; overscroll-behavior:contain; touch-action:pan-y; -webkit-overflow-scrolling:touch; scrollbar-gutter:stable; scrollbar-color:#444a57 #141720; }
.erCommentCard { grid-template-columns:34px minmax(0,1fr); gap:9px; padding:13px 11px; border-color:#2a2e39; border-radius:11px; color:#ebedf1; background:#1b1e27; box-shadow:none; }
.erCommentCard:hover { transform:none; border-color:#3a404e; background:#20242e; box-shadow:none; }
.erCommentCard.active { padding:13px 11px; border-color:rgba(232,23,23,.62); background:#242028; box-shadow:inset 3px 0 #e81717; }
.erCommentCard.active::before { display:none; }
.erCommentCard.pending { border-style:dashed; }
.erCommentCard.pending .erCommentContent>header small { color:#e1ad50; }
.erCommentRail>i { width:32px; height:32px; border-radius:50%; background:#343a47; }
.erCommentContent>header b { color:#f4f5f7; }
.erCommentContent>header small { color:#777e8b; }
.erCommentContent>p { color:#d8dbe1; font-size:11px; }
.erTimecode { min-height:24px; border-color:rgba(232,23,23,.28); color:#ff7474; background:rgba(232,23,23,.09); }
.erTimecode.general { border-color:#393e49; color:#9ca2ad; background:#22262f; }
.erCommentContent>footer { border-color:#2b2f3a; }
.erCommentContent>footer button { color:#858c98; }
.erInlineDelete { display:flex; align-items:center; gap:4px; margin-left:auto; padding:3px; border:1px solid #4a2b31; border-radius:9px; background:#26191d; }
.erInlineDelete>b { padding:0 3px; color:#ff8a92; font-size:8px; white-space:nowrap; }
.erCommentContent>footer .erInlineDelete button,.erReplies .erInlineDelete button { min-width:auto; min-height:28px; width:auto; height:28px; padding:0 8px; border:0; border-radius:7px; color:#aeb3bd; background:#20242c; opacity:1; font-size:8px; font-weight:850; }
.erCommentContent>footer .erInlineDelete button.danger,.erReplies .erInlineDelete button.danger { color:#fff; background:#d91c27; }
.erCommentContent>footer .erInlineDelete button:hover,.erReplies .erInlineDelete button:hover { color:#fff; background:#303541; }
.erCommentContent>footer .erInlineDelete button.danger:hover,.erReplies .erInlineDelete button.danger:hover { background:#ef2632; }
.erReplies>div>.erInlineDelete.reply { grid-column:1/-1; justify-self:end; margin-top:3px; }
.erCommentContent>footer button:hover,.erCommentContent>footer button.active { color:#fff; background:#2a2e38; }
.erReplies { background:#12151b; }
.erReplies p { color:#c1c5cd; }
.erReplyForm input { border-color:#353a46; color:#f5f6f8; background:#11141a; }
.erNoComments b { color:#d9dce2; }
.erNoComments span { color:#777e8b; }
.erCommentsPanel>.erComposer { position:relative; bottom:auto; z-index:12; flex:0 0 auto; grid-template-columns:32px minmax(0,1fr); gap:9px; margin:0; padding:12px; border:0; border-top:1px solid #2b303b; border-radius:0; color:#f3f4f6; background:#1b1e27; box-shadow:0 -14px 34px rgba(0,0,0,.24); }
.erCommentsPanel>.erComposer .erComposerAvatar { width:32px; height:32px; border-radius:50%; font-size:8px; }
.erCommentsPanel>.erComposer .erComposerContext>span { color:#868d99; }
.erCommentsPanel>.erComposer textarea { min-height:42px; max-height:120px; margin:1px 0 0; padding:6px 0; color:#f7f8fa; font-size:12px; }
.erCommentsPanel>.erComposer textarea::placeholder { color:#6f7682; }
.erCommentsPanel>.erComposer footer { gap:5px; padding-top:7px; border-color:#303440; }
.erCommentsPanel>.erComposer footer>small { display:none; }
.erCommentsPanel>.erComposer footer>button { min-height:30px; color:#aeb3bc; background:#282c36; }
.erCommentsPanel>.erComposer footer .erSend { color:#fff; background:#e81717; }
.erCommentsPanel>.erComposer footer .erRangeButton.active { color:#fff; background:#3a2530; box-shadow:inset 0 0 0 1px rgba(255,88,88,.35); }
.erCommentsPanel>.erComposer footer .erOverallButton.active { color:#fff; background:#313743; box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); }
.erRangeButton b { color:#ff8b8b; font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:nowrap; }
.erCommentsPanel>.erComposerLocked { flex:0 0 auto; margin:0; border-width:1px 0 0; border-color:#2b303b; border-radius:0; color:#c3c7cf; background:#1b1e27; }
.erCommentsPanel>header { display:block; min-height:105px; padding:10px; }
.erPanelTabs { display:grid; grid-template-columns:1fr 1fr; padding:3px; border-radius:7px; background:#222633; }
.erPanelTabs button { min-height:30px; border:0; border-radius:5px; color:#969dab; background:transparent; font-size:9px; font-weight:800; }
.erPanelTabs button>span { display:inline-grid; place-items:center; min-width:17px; height:17px; margin-left:4px; padding:0 4px; border-radius:999px; color:#858c99; background:#191c24; font-size:7px; }
.erPanelTabs button.active { color:#f4f5f7; background:#333848; box-shadow:0 2px 8px rgba(0,0,0,.22); }
.erPanelTabs button.active>span { color:#fff; background:#e81717; }
.erPanelTools { display:flex; align-items:center; justify-content:space-between; min-height:45px; padding:8px 4px 0; color:#9ba1ad; }
.erPanelTools>button { min-height:30px; padding:0 7px; border:0; color:#d6d9df; background:transparent; font-size:9px; font-weight:800; }
.erPanelTools>button span { margin-left:3px; color:#6f7683; }
.erPanelTools>div { display:flex; align-items:center; gap:2px; }
.erPanelTools>div button { display:grid; place-items:center; width:29px; height:29px; padding:0; border:0; border-radius:7px; color:#747b88; background:transparent; }
.erPanelTools>div button:hover,.erPanelTools>div button.active { color:#dfe2e8; background:#272b36; }
.erPanelTools>b { color:#e8eaee; font-size:10px; }
.erPanelTools>span { font-size:8px; }
.erCommentList { gap:7px; padding:8px 9px 14px; }
.erCommentCard,.erCommentCard.active { display:block; padding:12px!important; border:1px solid #2b3040; border-radius:5px; background:#202431; box-shadow:0 2px 7px rgba(0,0,0,.18); }
.erCommentCard:hover { border-color:#383e50; background:#252a38; }
.erCommentCard.active { border-color:#4d5570; background:#292e3d; box-shadow:inset 3px 0 #e81717,0 3px 12px rgba(0,0,0,.24); }
.erCommentRail { display:none; }
.erCommentContent>header { display:grid; grid-template-columns:25px minmax(0,1fr) auto; align-items:center; justify-content:initial; gap:8px; }
.erCommentContent>header>i { display:grid; place-items:center; width:25px; height:25px; border:2px solid #dadee5; border-radius:50%; color:#fff; background:#4d5565; font-size:7px; font-weight:900; font-style:normal; }
.erCommentContent>header>div { display:flex; align-items:baseline; gap:5px; min-width:0; }
.erCommentContent>header b { color:#f0f2f5; font-size:9px; }
.erCommentContent>header small { color:#7f8693; font-size:7px; }
.erCommentContent>header em { color:#727986; font-size:7px; font-weight:800; font-style:normal; }
.erCommentContent>p { display:block; margin:8px 0 0 33px; color:#d7dae1; font-size:9px; line-height:1.48; }
.erCommentContent>p>span { vertical-align:middle; }
.erInlineTime { display:inline-flex; align-items:center; min-height:18px; margin:0 5px 2px 0; padding:0 5px; border:0; border-radius:2px; color:#17140a; background:#cbb536; vertical-align:middle; font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace; box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); }
.erInlineTime.general { color:#d8dbe1; background:#414755; }
.erInlineTime.range { color:#fff; background:linear-gradient(90deg,#c71d32,#e44a55); }
.erCommentContent>.erMarkupBadge { margin-left:33px; }
.erCommentContent>footer { margin:8px 0 0 33px; padding:0; border:0; }
.erCommentContent>footer button { min-height:22px; padding:0 4px; font-size:7px; }
.erCommentContent>footer button:not([data-er-reply]) { opacity:.5; }
.erCommentCard:hover .erCommentContent>footer button { opacity:1; }
.erReplies,.erReplyForm { margin-left:33px; }
.erReplies>div { grid-template-columns:25px minmax(0,1fr) 24px; align-items:start; }
.erReplies>div>button { display:grid; place-items:center; width:24px; height:24px; padding:0; border:0; border-radius:6px; color:#69717e; background:transparent; opacity:0; transition:opacity .12s ease,color .12s ease,background .12s ease; }
.erReplies>div:hover>button,.erReplies>div>button:focus-visible { opacity:1; }
.erReplies>div>button:hover { color:#ff6c6c; background:#282d38; }
.erFilePanel { display:grid; justify-items:start; align-content:start; gap:8px; flex:1; padding:22px 18px; color:#dfe2e8; }
.erFileIcon { display:grid; place-items:center; width:48px; height:48px; border:1px solid #363c49; border-radius:12px; color:#ff6262; background:#222630; }
.erFilePanel>span { margin-top:8px; color:#777f8c; font-size:7px; font-weight:900; letter-spacing:.16em; }
.erFilePanel h3 { overflow-wrap:anywhere; margin:0; color:#f4f5f7; font-size:14px; line-height:1.25; }
.erFilePanel dl { width:100%; margin:10px 0 0; border-top:1px solid #2b303b; }
.erFilePanel dl>div { display:flex; align-items:center; justify-content:space-between; min-height:38px; border-bottom:1px solid #2b303b; }
.erFilePanel dt { color:#777f8c; font-size:8px; }
.erFilePanel dd { margin:0; color:#dfe2e8; font-size:8px; font-weight:800; }
.erFilePanel>button { display:inline-flex; align-items:center; gap:6px; min-height:38px; margin-top:8px; padding:0 11px; border:1px solid #3a404d; border-radius:8px; color:#fff; background:#252a34; font-size:9px; font-weight:850; }
.erFilePanel>.erPremiereHint { display:grid; gap:4px; max-width:290px; margin-top:2px; color:#7f8692; font-size:8px; line-height:1.45; }.erPremiereHint b{color:#b9bec7;font-size:8px}.erPremiereHint span{display:block}
.erFileActions { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px; width:100%; margin-bottom:10px; padding-bottom:16px; border-bottom:1px solid #2b303b; }
.erFileActions label { display:grid; gap:5px; min-width:0; }
.erFileActions label>span { color:#777f8c; font-size:7px; font-weight:900; letter-spacing:.14em; }
.erFileActions select { width:100%; min-height:38px; padding:0 30px 0 10px; border:1px solid #3a404d; border-radius:8px; color:#f4f5f7; background:#252a34; font-size:9px; font-weight:850; }
.erFileActions button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:38px; padding:0 10px; border:1px solid rgba(232,23,23,.45); border-radius:8px; color:#fff; background:#e81717; font-size:9px; font-weight:850; white-space:nowrap; }

@media(min-width:768px){
  /* Keep the desktop review room legible without stealing space from the cut. */
  .erDetailTitle h1 { font-size:14px; }
  .erShortcutLegend { font-size:8px; }
  .erShortcutLegend kbd { font-size:8px; }
  .erCommentsPanel>header h2 { font-size:18px; }
  .erCommentFilters button { font-size:9px; }
  .erCommentContent>header b { font-size:12px; }
  .erCommentContent>header small { font-size:9px; }
  .erCommentContent>p { font-size:13px; line-height:1.55; }
  .erCommentContent>footer button { font-size:9px; }
  .erReplies b { font-size:10px; }
  .erReplies p { font-size:11px; }
  .erCommentsPanel>.erComposer textarea { font-size:13px; }
  .erTransport>span { font-size:10px; }
  body.episode-review-mode #appShell>.topbar { display:grid!important; }
  body.episode-review-detail { overflow:hidden!important; }
  body.episode-review-detail { --er-shell-bar:76px; }
  html.dcDesktopV2 body.episode-review-detail { --er-shell-bar:68px; }
  body.episode-review-detail #episodeReviewView,
  body.episode-review-detail .episodeReviewApp,
  body.episode-review-detail .erReviewBody { min-height:calc(100dvh - var(--er-shell-bar)); }
  body.episode-review-detail .erDetail { height:calc(100dvh - var(--er-shell-bar)); }
  body.episode-review-detail .erDetailHeader { position:relative; top:auto; grid-template-columns:34px minmax(120px,1fr) auto; }
  body.episode-review-detail .erReviewWorkspace { height:calc(100dvh - var(--er-shell-bar) - 48px); }
  body.episode-review-detail .erCommentsPanel { position:relative; top:auto; height:100%; }
}

@media(min-width:768px) and (max-width:1180px){
  .erShortcutLegend span:nth-child(n+5) { display:none; }
}

@media(max-width:900px) and (min-width:768px){
  .erDetailHeader { top:68px; grid-template-columns:auto minmax(130px,1fr); }
  .erReviewWorkspace { grid-template-columns:minmax(0,1fr) 320px; }
}

@media(max-width:767px){
  body.episode-review-mode #scMobileApp>.scMobileTop,
  body.episode-review-mode #scMobileTabs { display:grid!important; }
  body.episode-review-mode .scMobileMain { padding:0!important; }
  body.episode-review-mode .erMobileSurface { margin:0!important; background:#fff; }
  body.episode-review-detail .erMobileSurface { background:#090b10; }
  .erReviewBody { min-height:calc(100dvh - 58px - env(safe-area-inset-top)); }
  body.episode-review-detail { overflow-x:hidden!important; overflow-y:auto!important; }
  .erMobileSurface .erDetail { height:auto; min-height:calc(100dvh - 58px - env(safe-area-inset-top)); overflow:visible; color:#f3f4f6; background:#090b10; }
  .erDetailHeader { position:relative; top:auto; grid-template-columns:36px minmax(0,1fr) auto; min-height:48px; padding:6px 9px; border-color:#282c36; background:#13161d; }
  .erDetailHeader .erBack { width:36px; min-width:36px; min-height:36px; }
  .erDetailTitle h1 { color:#fff; }
  .erAdobeExport{display:none}
  .erShortcutLegend { display:none; }
  .erReviewWorkspace { display:flex; height:auto; min-height:0; overflow:visible; background:#090b10; }
  .erPlayerColumn { display:contents; }
  .erPlayerShell { top:calc(58px + env(safe-area-inset-top))!important; height:auto; border:0; border-radius:0; box-shadow:none; }
  .erPlayerStage { flex:none; aspect-ratio:16/9; }
  .erVersionNote { margin:10px; }
  .erLearningCard { margin:0 10px 12px; }
  .erCommentsPanel { position:relative; top:auto; order:3; height:auto; min-height:360px; overflow:visible; border-top:1px solid #292d38; background:#141720!important; }
  .erCommentsPanel>header { position:static; order:2; }
  .erCommentList { order:3; overflow:visible; padding:9px 9px 110px; }
  .erCommentCard,.erCommentCard.active { grid-template-columns:32px minmax(0,1fr); padding:13px 10px!important; border-color:#2a2e39; background:#1b1e27; }
  .erCommentsPanel>.erComposer { position:relative; top:auto; bottom:auto; order:1; padding:11px 10px; }
  .erCommentsPanel>.erComposer textarea { font-size:16px; }
  .erCommentsPanel>.erComposer footer { gap:4px; }
  .erCommentsPanel>.erComposer footer .erRangeButton { padding:0 7px; }
  .erCommentsPanel>.erComposer footer .erRangeButton span { display:inline!important; }
  .erCommentsPanel>.erComposer footer .erOverallButton { padding:0 7px; }
  .erCommentsPanel>.erComposer footer .erOverallButton span { display:inline!important; }
  .erRangeButton b { font-size:6px; }
  .erFileActions { grid-template-columns:1fr 1fr; }
  .erReplies>div>button { opacity:1; }
  .erPageHeader>div,.erOverview>div,.erOverviewLead>span,.erCardBody,.erCardBody>div,.erCardBody footer { min-width:0; }
  .erPageHeader h1 { font-size:32px!important; }
  .erOverview,.erProjectCard { width:100%; }
  .erOverview b,.erOverviewLead b { overflow-wrap:anywhere; }
  .erCardBody>div>span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}

/* Phone review room: pinned player, immediate comment feed, compact feedback dock. */
@media(max-width:767px){
  html.mobileReady:has(body.episode-review-detail),
  body.episode-review-detail { width:100%; height:100dvh; overflow:hidden!important; }
  body.episode-review-detail { scroll-padding-top:calc(58px + env(safe-area-inset-top)); scroll-padding-bottom:calc(196px + env(safe-area-inset-bottom)); }
  body.episode-review-detail .scMobileApp { width:100%; max-width:100vw; height:100dvh; overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; }
  body.episode-review-detail .scMobileMain { max-width:100vw; overflow:visible!important; }
  body.episode-review-detail .erDetailHeader { min-height:48px; padding:5px 8px; }
  body.episode-review-detail .erDetailHeader .erBack { width:40px; min-width:40px; min-height:40px; border-radius:11px; }
  body.episode-review-detail .erDetailTitle h1 { font-size:15px; }
  body.episode-review-detail .erPlayerShell { z-index:90; }
  body.episode-review-detail .erBigPlay { width:58px; height:58px; margin:-29px; }
  body.episode-review-detail .erDoubleTapHint span { padding:6px 9px; }
  body.episode-review-detail .erPlayerControls { min-height:76px; padding:0 9px 5px; }
  body.episode-review-detail .erTimeline { height:27px; }
  body.episode-review-detail .erTransport { min-height:42px; }
  body.episode-review-detail .erTransport button { min-width:40px; height:40px; }
  body.episode-review-detail .erMarkers button { width:28px; height:28px; margin-left:-14px; }
  body.episode-review-detail .erCommentsPanel { padding-bottom:calc(204px + env(safe-area-inset-bottom)); }
  body.episode-review-detail .erCommentsPanel>header { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; min-height:58px; padding:8px 9px; border-bottom:1px solid #292d38; }
  body.episode-review-detail .erPanelTabs { grid-template-columns:1fr 1fr; width:min(214px,100%); padding:3px; }
  body.episode-review-detail .erPanelTabs button { min-height:38px; padding:0 8px; font-size:9px; }
  body.episode-review-detail .erPanelTools { min-height:38px; padding:0; gap:2px; }
  body.episode-review-detail .erPanelTools>button { min-height:38px; padding:0 8px; border-radius:9px; background:#222633; font-size:8px; }
  body.episode-review-detail .erPanelTools>div { gap:0; }
  body.episode-review-detail .erPanelTools>div button { width:38px; height:38px; }
  body.episode-review-detail .erPanelTools>div button[title="Search comments"],
  body.episode-review-detail .erPanelTools>div button[title="More options"] { display:none; }
  body.episode-review-detail .erCommentList { padding:8px 8px 20px; overscroll-behavior-y:auto; }
  body.episode-review-detail .erCommentCard,
  body.episode-review-detail .erCommentCard.active { padding:14px 12px!important; border-radius:12px; }
  body.episode-review-detail .erCommentContent>p { margin-top:9px; font-size:12px; line-height:1.5; }
  body.episode-review-detail .erCommentContent>footer button { min-height:34px; }
  body.episode-review-detail .erCommentsPanel>.erComposer { position:fixed!important; right:0; bottom:calc(74px + env(safe-area-inset-bottom))!important; left:0; z-index:130; display:block; width:100%; margin:0; padding:7px 10px 8px; border-top:1px solid #303541; background:rgba(24,27,35,.97); box-shadow:0 -16px 38px rgba(0,0,0,.4); backdrop-filter:blur(20px) saturate(145%); }
  body.episode-review-detail .erComposerAvatar { display:none; }
  body.episode-review-detail .erComposerContext { min-height:18px; gap:7px; padding:0 2px 3px; }
  body.episode-review-detail .erComposerContext>button { font-size:8px; }
  body.episode-review-detail .erComposerContext>span { display:none; }
  body.episode-review-detail .erCommentsPanel>.erComposer textarea { display:block; width:100%; height:42px; min-height:42px; max-height:84px; margin:0; padding:9px 10px; resize:none; border:1px solid #333846; border-radius:11px; color:#fff; background:#11141a; font-size:16px; line-height:1.35; transition:height .16s ease; }
  body.episode-review-detail .erCommentsPanel>.erComposer textarea:focus { height:64px; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer { display:flex; gap:5px; padding-top:6px; border:0; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer>button { min-height:40px; padding:0 9px; border-radius:10px; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer>button:first-child { width:40px; min-width:40px; padding:0; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erSend { min-width:84px; margin-left:auto; padding:0 10px; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erRangeButton,
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erOverallButton { padding:0 8px; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erRangeButton span,
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erOverallButton span { display:inline!important; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erRangeButton b { max-width:74px; overflow:hidden; text-overflow:ellipsis; }
  body.episode-review-detail .erFilePanel { order:2; padding:18px 12px 120px; }
}

@media(max-width:360px){
  body.episode-review-detail .erPanelTabs { width:190px; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erRangeButton span,
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erOverallButton span { display:none!important; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erSend { min-width:76px; }
}

/* Shared team profile photos */
.erPersonAvatar { overflow:hidden; }
.erPersonAvatar img { display:block; width:100%; height:100%; object-fit:cover; }
.erPersonAvatar.wolf { background:#e81717; }
.erPersonAvatar.wolf img { width:72%; height:72%; margin:auto; object-fit:contain; filter:brightness(0) invert(1); transform:none!important; }
.erMarkers button .erPersonAvatar,.erRangeBands button .erPersonAvatar { border-radius:50%; }
.erRangeBands .erPersonAvatar img,.erMarkers .erPersonAvatar img { border-radius:50%; }
.erPersonAvatar[data-profile-id="forrest"] img { transform:scale(1.28); transform-origin:50% 33%; }
.erPersonAvatar[data-profile-id="jackson"] img { transform:scale(1.82); transform-origin:50% 27%; }
.erPersonAvatar[data-profile-id="kaden"] img { transform:scale(1.45); transform-origin:50% 29%; }
.erPersonAvatar[data-profile-id="maks"] img { transform:scale(1.35); transform-origin:50% 31%; }
.erPersonAvatar[data-profile-id="will"] img { transform:scale(1.32); transform-origin:50% 35%; }
.erCommentContent>header>.erPersonAvatar,.erReplies .erPersonAvatar { overflow:hidden; }

/* Episode Review 2.0 — compact desktop utilities and a phone-native review room. */
.erMobileMeta { display:none; }
.erAdobeExport { min-height:28px; padding:0 8px 0 6px; gap:6px; border-radius:7px; font-size:7.5px; letter-spacing:.005em; }
.erAdobeExport .erPremiereLogo { flex:0 0 auto; width:16px; height:16px; }
.erAdobeModalHero>i .erPremiereLogo { width:30px; height:30px; }
.erCommentsPanel>.erComposer textarea { height:46px; max-height:72px; resize:none; }
.erCommentsPanel>.erComposer { max-height:190px; overflow:hidden; }

@media(min-width:768px){
  body.episode-review-detail .erShortcutLegend { display:flex!important; }
  body.episode-review-detail .erDetailHeader { grid-template-columns:34px minmax(130px,1fr) auto; min-width:0; }
  body.episode-review-detail .erDetailTitle,
  body.episode-review-detail .erShortcutLegend { min-width:0; }
}

@media(max-width:767px){
  html:has(body.episode-review-detail),
  body.episode-review-detail { width:100%; height:100dvh; overflow:hidden!important; background:#090b10!important; }
  body.episode-review-detail #scMobileApp>.scMobileTop,
  body.episode-review-detail #scMobileTabs,
  body.episode-review-detail #selectionBar,
  body.episode-review-detail .siteFooter { display:none!important; }
  body.episode-review-detail .scMobileApp,
  body.episode-review-detail .scMobileMain,
  body.episode-review-detail .erMobileSurface,
  body.episode-review-detail .episodeReviewApp,
  body.episode-review-detail .erReviewBody { width:100%; max-width:100vw; height:100dvh!important; min-height:0!important; overflow:hidden!important; }
  body.episode-review-detail .erDetail { display:grid; grid-template-rows:44px minmax(0,1fr); width:100%; height:100dvh!important; min-height:0!important; overflow:hidden!important; background:#090b10; }
  body.episode-review-detail .erDetailHeader { position:relative!important; top:auto!important; z-index:30; grid-template-columns:36px minmax(0,1fr); gap:8px; width:100%; min-height:44px; height:44px; padding:4px 9px; border-bottom:1px solid #252934; background:#11141a; box-shadow:none; }
  body.episode-review-detail .erDetailHeader .erBack { width:36px; min-width:36px; min-height:36px; height:36px; border-radius:9px; background:#1d212a; }
  body.episode-review-detail .erDetailTitle { display:grid; grid-template-columns:auto auto minmax(0,1fr); grid-template-rows:1fr 1fr; align-items:center; gap:0 6px; }
  body.episode-review-detail .erDetailTitle>span { grid-row:1/3; align-self:center; }
  body.episode-review-detail .erDetailTitle>i { grid-row:1/3; }
  body.episode-review-detail .erDetailTitle h1 { align-self:end; margin:0; color:#fff; font-size:13px; line-height:1.05; }
  body.episode-review-detail .erMobileMeta { display:block; align-self:start; overflow:hidden; margin-top:2px; color:#747b88; font-size:7px; font-weight:800; line-height:1; text-overflow:ellipsis; white-space:nowrap; }
  body.episode-review-detail .erAdobeExport,
  body.episode-review-detail .erShortcutLegend { display:none!important; }
  body.episode-review-detail .erReviewWorkspace { display:flex!important; flex-direction:column; width:100%; height:calc(100dvh - 44px)!important; min-height:0!important; overflow:hidden!important; background:#090b10; }
  body.episode-review-detail .erPlayerColumn { display:block!important; flex:0 0 auto; width:100%; min-height:0; overflow:hidden; }
  body.episode-review-detail .erPlayerShell { position:relative!important; top:auto!important; z-index:20; display:block; width:100%; height:auto!important; overflow:hidden; border:0; border-radius:0; box-shadow:0 10px 30px rgba(0,0,0,.3); }
  body.episode-review-detail .erPlayerTop { display:none!important; }
  body.episode-review-detail .erPlayerStage { display:block; flex:none; width:100%; min-height:0; aspect-ratio:16/9; touch-action:manipulation; }
  body.episode-review-detail .erBigPlay { width:52px; height:52px; margin:-26px; }
  body.episode-review-detail .erDoubleTapHint { top:7px; }
  body.episode-review-detail .erDoubleTapHint span { padding:5px 8px; font-size:7px; }
  body.episode-review-detail .erPlayerControls { min-height:61px; padding:0 8px 4px; }
  body.episode-review-detail .erTimeline { height:21px; margin-top:0; }
  body.episode-review-detail .erTimeline input { height:4px; margin:8px 0 0; }
  body.episode-review-detail .erMarkers { inset:0 4px; }
  body.episode-review-detail .erMarkers button { top:4px; width:10px; height:10px; margin-left:-5px; border:2px solid #0a0c11; box-shadow:0 2px 6px rgba(0,0,0,.55); }
  body.episode-review-detail .erMarkers button .erTimelineAvatar,
  body.episode-review-detail .erRangeBands button .erTimelineAvatar,
  body.episode-review-detail .erMarkers button span { display:none!important; }
  body.episode-review-detail .erRangeBands button { top:10px; height:4px; }
  body.episode-review-detail .erTransport { min-height:37px; }
  body.episode-review-detail .erTransport button { min-width:36px; width:36px; height:36px; padding:0; }
  body.episode-review-detail .erTransport>span { font-size:8px; }
  body.episode-review-detail .erCommentsPanel { position:relative!important; top:auto!important; order:initial; display:flex; flex:1 1 auto; flex-direction:column; width:100%; height:auto!important; min-height:0!important; padding:0!important; overflow:hidden!important; border:0; border-top:1px solid #292d38; background:#141720!important; }
  body.episode-review-detail .erCommentsPanel>header { position:relative; top:auto!important; order:0; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; flex:0 0 47px; min-height:47px; height:47px; gap:7px; padding:5px 8px; border-bottom:1px solid #292d38; background:#191c25; }
  body.episode-review-detail .erPanelTabs { grid-template-columns:1fr 1fr; width:min(190px,100%); padding:3px; border-radius:8px; }
  body.episode-review-detail .erPanelTabs button { min-height:35px; padding:0 8px; font-size:9px; }
  body.episode-review-detail .erPanelTools { min-height:35px; padding:0; }
  body.episode-review-detail .erPanelTools>button,
  body.episode-review-detail .erPanelTools>div button[title="Search comments"],
  body.episode-review-detail .erPanelTools>div button[title="More options"] { display:none!important; }
  body.episode-review-detail .erPanelTools>div button { width:35px; height:35px; border-radius:9px; background:#252a35; }
  body.episode-review-detail .erCommentList { order:1; display:grid; flex:1 1 auto; align-content:start; min-height:0; overflow-x:hidden!important; overflow-y:auto!important; gap:0; padding:0 9px; overscroll-behavior-y:contain; touch-action:pan-y; -webkit-overflow-scrolling:touch; scrollbar-gutter:auto; }
  body.episode-review-detail .erCommentCard,
  body.episode-review-detail .erCommentCard.active { margin:0; padding:12px 4px!important; border:0; border-bottom:1px solid #292d38; border-radius:0; background:transparent; box-shadow:none; }
  body.episode-review-detail .erCommentCard:hover { background:transparent; }
  body.episode-review-detail .erCommentCard.active { background:#1b1f29; box-shadow:inset 3px 0 #e81717; }
  body.episode-review-detail .erCommentContent>header { grid-template-columns:26px minmax(0,1fr) auto; }
  body.episode-review-detail .erCommentContent>header>i { width:26px; height:26px; }
  body.episode-review-detail .erCommentContent>header b { font-size:11px; }
  body.episode-review-detail .erCommentContent>header small,
  body.episode-review-detail .erCommentContent>header em { font-size:8px; }
  body.episode-review-detail .erCommentContent>p { margin:7px 0 0 34px; color:#e1e4e9; font-size:13px; line-height:1.45; }
  body.episode-review-detail .erCommentContent>footer { margin-left:34px; }
  body.episode-review-detail .erCommentsPanel>.erComposer { position:relative!important; right:auto!important; bottom:auto!important; left:auto!important; z-index:15; order:2; display:block; flex:0 0 auto; width:100%; max-height:none; margin:0; padding:7px 9px calc(7px + env(safe-area-inset-bottom)); overflow:visible; border:0; border-top:1px solid #303541; border-radius:0; background:#1a1d25; box-shadow:0 -10px 28px rgba(0,0,0,.32); backdrop-filter:none; }
  body.episode-review-detail .erComposerAvatar { display:none!important; }
  body.episode-review-detail .erComposerBody { width:100%; }
  body.episode-review-detail .erComposerContext { min-height:15px; gap:7px; padding:0 2px 3px; }
  body.episode-review-detail .erComposerContext>button { font-size:8px; }
  body.episode-review-detail .erComposerContext>span { display:none; }
  body.episode-review-detail .erCommentsPanel>.erComposer textarea { display:block; width:100%; height:38px; min-height:38px; max-height:58px; margin:0; padding:8px 9px; resize:none; border:1px solid #343946; border-radius:10px; color:#fff; background:#101319; font-size:16px; line-height:1.3; }
  body.episode-review-detail .erCommentsPanel>.erComposer textarea:focus { height:50px; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer { display:flex; gap:4px; padding-top:5px; border:0; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer>small { display:none; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer>button { min-height:34px; height:34px; padding:0 8px; border-radius:9px; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer>button:first-child { width:36px; min-width:36px; padding:0; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer>button:first-child span { display:none!important; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erRangeButton,
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erOverallButton { padding:0 8px; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erRangeButton span,
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erOverallButton span { display:inline!important; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erSend { min-width:72px; margin-left:auto; padding:0 9px; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erSend span { display:none!important; }
  body.episode-review-detail .erFilePanel { order:1; flex:1; min-height:0; overflow-y:auto; padding:16px 12px calc(20px + env(safe-area-inset-bottom)); }
}

@media(max-width:370px){
  body.episode-review-detail .erPanelTabs { width:174px; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erRangeButton span,
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erOverallButton span { display:none!important; }
}

/* Real phones in landscape get an immersive split review room instead of the desktop shell. */
@media(orientation:landscape) and (max-height:600px) and (max-width:950px){
  html,body.episode-review-detail { width:100%; height:100dvh; overflow:hidden!important; background:#090b10!important; }
  body.episode-review-detail #appShell>.topbar,
  body.episode-review-detail #scMobileApp>.scMobileTop,
  body.episode-review-detail #scMobileTabs,
  body.episode-review-detail .siteFooter,
  body.episode-review-detail #selectionBar { display:none!important; }
  body.episode-review-detail #appShell,
  body.episode-review-detail #episodeReviewView,
  body.episode-review-detail .scMobileApp,
  body.episode-review-detail .scMobileMain,
  body.episode-review-detail .erMobileSurface,
  body.episode-review-detail .episodeReviewApp,
  body.episode-review-detail .erReviewBody { width:100%; max-width:100vw; height:100dvh!important; min-height:0!important; overflow:hidden!important; }
  body.episode-review-detail .erDetail { position:fixed; inset:0; z-index:50000; display:grid; grid-template-rows:40px minmax(0,1fr); width:100vw; height:100dvh!important; min-height:0; overflow:hidden; }
  body.episode-review-detail .erDetailHeader { position:relative!important; top:auto!important; grid-template-columns:34px minmax(0,1fr); gap:7px; width:100%; min-height:40px; height:40px; padding:3px 8px; }
  body.episode-review-detail .erDetailHeader .erBack { width:34px; min-width:34px; min-height:34px; height:34px; }
  body.episode-review-detail .erDetailTitle { display:flex; }
  body.episode-review-detail .erDetailTitle h1 { font-size:12px; }
  body.episode-review-detail .erMobileMeta { display:inline; margin-left:3px; color:#737a86; font-size:7px; white-space:nowrap; }
  body.episode-review-detail .erAdobeExport,
  body.episode-review-detail .erShortcutLegend { display:none!important; }
  body.episode-review-detail .erReviewWorkspace { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(265px,34vw); width:100%; height:calc(100dvh - 40px)!important; min-height:0; overflow:hidden; }
  body.episode-review-detail .erPlayerColumn { display:flex!important; width:auto; min-width:0; height:100%; }
  body.episode-review-detail .erPlayerShell { position:relative!important; top:auto!important; display:flex; flex-direction:column; width:100%; height:100%!important; }
  body.episode-review-detail .erPlayerStage { flex:1 1 auto; width:100%; min-height:0; aspect-ratio:auto; }
  body.episode-review-detail .erPlayerControls { min-height:56px; padding:0 8px 3px; }
  body.episode-review-detail .erTimeline { height:19px; }
  body.episode-review-detail .erTransport { min-height:34px; }
  body.episode-review-detail .erTransport button { width:34px; min-width:34px; height:32px; }
  body.episode-review-detail .erMarkers button { top:4px; width:9px; height:9px; margin-left:-4px; }
  body.episode-review-detail .erMarkers .erTimelineAvatar,
  body.episode-review-detail .erRangeBands .erTimelineAvatar { display:none!important; }
  body.episode-review-detail .erCommentsPanel { position:relative!important; top:auto!important; display:flex; height:100%!important; min-height:0; padding:0!important; overflow:hidden; }
  body.episode-review-detail .erCommentsPanel>header { flex:0 0 42px; min-height:42px; height:42px; padding:4px 7px; }
  body.episode-review-detail .erPanelTabs { width:160px; }
  body.episode-review-detail .erPanelTabs button { min-height:31px; }
  body.episode-review-detail .erPanelTools>button { display:none; }
  body.episode-review-detail .erCommentList { flex:1; min-height:0; overflow-y:auto!important; padding:0 7px; }
  body.episode-review-detail .erCommentCard,
  body.episode-review-detail .erCommentCard.active { padding:9px 3px!important; }
  body.episode-review-detail .erCommentContent>p { margin-left:31px; font-size:11px; }
  body.episode-review-detail .erCommentsPanel>.erComposer { position:relative!important; bottom:auto!important; display:block!important; flex:0 0 auto; max-height:none; padding:5px 7px calc(5px + env(safe-area-inset-bottom)); overflow:visible; }
  body.episode-review-detail .erCommentsPanel>.erComposer .erComposerAvatar { display:none!important; }
  body.episode-review-detail .erCommentsPanel>.erComposer .erComposerBody { width:100%; }
  body.episode-review-detail .erCommentsPanel>.erComposer textarea { height:34px; min-height:34px; max-height:44px; padding:6px 8px; font-size:16px; }
  body.episode-review-detail .erCommentsPanel>.erComposer textarea:focus { height:42px; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer>button { min-height:30px; height:30px; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erRangeButton span,
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erOverallButton span { display:none!important; }
  body.episode-review-detail .erCommentsPanel>.erComposer footer .erSend { min-width:58px; }
}

/* Frame.io mobile review sheet — the desktop feature set, arranged for a phone. */
.erPanelGrabber,.erMobileMore { display:none; }

@media(max-width:767px){
  body.episode-review-detail .erDetailHeader {
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    gap:5px!important;
    background:#0e1016!important;
  }
  body.episode-review-detail .erDetailTitle {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    justify-items:center;
    gap:2px!important;
  }
  body.episode-review-detail .erDetailTitle>span,
  body.episode-review-detail .erDetailTitle>i { display:none!important; }
  body.episode-review-detail .erDetailTitle h1 {
    align-self:end!important;
    width:100%;
    font-size:12px!important;
    line-height:1.05!important;
    text-align:center;
  }
  body.episode-review-detail .erMobileMeta {
    align-self:start!important;
    width:100%;
    margin:0!important;
    color:#7d8491!important;
    font-size:7px!important;
    text-align:center;
  }
  body.episode-review-detail .erMobileMore {
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    padding:0;
    border:0;
    border-radius:10px;
    color:#aeb4be;
    background:#1c2029;
  }
  body.episode-review-detail .erReviewWorkspace {
    position:relative!important;
    display:block!important;
    height:calc(100dvh - 44px)!important;
    overflow:hidden!important;
  }
  body.episode-review-detail .erPlayerColumn {
    position:absolute;
    inset:0 0 auto;
    z-index:1;
    display:block!important;
    width:100%;
  }
  body.episode-review-detail .erPlayerShell {
    box-shadow:none!important;
    background:#050608;
  }
  body.episode-review-detail .erPlayerControls {
    min-height:61px!important;
    border-bottom:0;
    background:#0e1117;
  }
  body.episode-review-detail .erDoubleTapHint {
    animation:erMobileHint 4.2s ease forwards;
  }
  body.episode-review-detail .erCommentsPanel {
    position:absolute!important;
    inset:auto 0 0!important;
    top:220px!important;
    z-index:60!important;
    display:flex!important;
    flex-direction:column;
    width:100%;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:14px 14px 0 0;
    background:#171a22!important;
    box-shadow:0 -18px 44px rgba(0,0,0,.46);
    transition:top .28s cubic-bezier(.2,.8,.2,1);
  }
  body.episode-review-detail .erCommentsPanel[data-er-panel-size="full"] { top:48px!important; }
  body.episode-review-detail .erCommentsPanel[data-er-panel-size="medium"] { top:220px!important; }
  body.episode-review-detail .erCommentsPanel[data-er-panel-size="peek"] { top:calc(100% - 72px)!important; }
  body.episode-review-detail .erCommentsPanel.dragging { transition:none!important; }
  body.episode-review-detail .erPanelGrabber {
    position:relative;
    display:grid;
    place-items:center;
    flex:0 0 16px;
    width:100%;
    height:16px;
    padding:0;
    border:0;
    border-radius:14px 14px 0 0;
    background:#171a22;
    touch-action:none;
    cursor:ns-resize;
  }
  body.episode-review-detail .erPanelGrabber i {
    display:block;
    width:34px;
    height:4px;
    border-radius:999px;
    background:#3b404c;
    transition:background .18s ease,transform .18s ease;
  }
  body.episode-review-detail .erPanelGrabber:active i { transform:scaleX(1.15); background:#777f8d; }
  body.episode-review-detail .erCommentsPanel>header {
    position:relative!important;
    top:auto!important;
    order:0;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:34px 30px;
    flex:0 0 70px!important;
    width:100%;
    min-height:70px!important;
    height:70px!important;
    gap:3px!important;
    padding:0 8px 3px!important;
    border-bottom:1px solid #282c36!important;
    background:#171a22!important;
  }
  body.episode-review-detail .erPanelTabs {
    grid-column:1;
    grid-row:1;
    width:100%!important;
    height:34px;
    padding:3px!important;
    border-radius:7px!important;
    background:#222631!important;
  }
  body.episode-review-detail .erPanelTabs button {
    min-height:28px!important;
    font-size:9px!important;
  }
  body.episode-review-detail .erPanelTools {
    grid-column:1;
    grid-row:2;
    min-height:30px!important;
    height:30px;
    padding:0!important;
  }
  body.episode-review-detail .erPanelTools>button {
    display:inline-flex!important;
    align-items:center;
    min-height:28px!important;
    padding:0 5px!important;
    color:#d7dae0!important;
    background:transparent!important;
    font-size:8px!important;
  }
  body.episode-review-detail .erPanelTools>div button { width:28px!important; height:28px!important; }
  body.episode-review-detail .erPanelTools>div button[title="Search comments"],
  body.episode-review-detail .erPanelTools>div button[title="More options"] { display:none!important; }
  body.episode-review-detail .erCommentList {
    order:1;
    display:block!important;
    flex:1 1 auto!important;
    min-height:0!important;
    padding:0 10px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    touch-action:pan-y;
    scrollbar-width:none;
  }
  body.episode-review-detail .erCommentList::-webkit-scrollbar { display:none; }
  body.episode-review-detail .erCommentCard,
  body.episode-review-detail .erCommentCard.active {
    position:relative;
    min-height:0;
    padding:9px 4px!important;
    border:0!important;
    border-bottom:1px solid #282c35!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.episode-review-detail .erCommentCard::after {
    position:absolute;
    top:36px;
    bottom:-10px;
    left:16px;
    width:1px;
    background:#323742;
    content:"";
  }
  body.episode-review-detail .erCommentCard:last-child::after { display:none; }
  body.episode-review-detail .erCommentCard.active { background:#1d212b!important; }
  body.episode-review-detail .erCommentCard.active::before {
    position:absolute;
    top:0;
    bottom:0;
    left:-10px;
    width:3px;
    border-radius:0 3px 3px 0;
    background:#e81717;
    content:"";
  }
  body.episode-review-detail .erCommentContent>header {
    grid-template-columns:25px minmax(0,1fr) auto!important;
    min-height:25px;
    gap:7px;
  }
  body.episode-review-detail .erCommentContent>header>i { width:25px!important; height:25px!important; border-width:1px; }
  body.episode-review-detail .erCommentContent>header b { font-size:10px!important; }
  body.episode-review-detail .erCommentContent>header small,
  body.episode-review-detail .erCommentContent>header em { font-size:7px!important; }
  body.episode-review-detail .erCommentContent>p {
    display:flex;
    align-items:flex-start;
    gap:6px;
    margin:3px 0 0 32px!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
  body.episode-review-detail .erInlineTime { flex:0 0 auto; padding:2px 4px; border-radius:3px; font-size:8px; }
  body.episode-review-detail .erCommentContent>footer { gap:2px; margin:4px 0 0 32px!important; }
  body.episode-review-detail .erCommentContent>footer button {
    min-height:24px!important;
    height:24px;
    padding:0 5px!important;
    font-size:7px!important;
  }
  body.episode-review-detail .erCommentContent>footer button svg { width:11px; height:11px; }
  body.episode-review-detail .erReplies { margin:5px 0 0 32px; padding:6px; }
  body.episode-review-detail .erCommentsPanel>.erComposer {
    order:2;
    flex:0 0 auto;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
    border-top:1px solid #2d323d!important;
    background:#171a22!important;
    box-shadow:none!important;
  }
  body.episode-review-detail .erCommentsPanel>.erComposer textarea {
    height:38px!important;
    min-height:38px!important;
    max-height:72px!important;
    padding:8px 10px!important;
    overflow-y:hidden;
    border:1px solid #343946!important;
    border-radius:9px!important;
    background:#262a34!important;
    font-size:16px!important;
    line-height:1.3!important;
  }
  body.episode-review-detail .erCommentsPanel>.erComposer:focus-within textarea {
    height:52px!important;
    overflow-y:auto;
    background:#11141a!important;
  }
  body.episode-review-detail .erCommentsPanel>.erComposer:focus-within .erComposerContext { order:0; }
  body.episode-review-detail .erCommentsPanel>.erComposer:focus-within textarea { order:1; }
  body.episode-review-detail .erCommentsPanel>.erComposer:focus-within footer { order:2; }
  body.episode-review-detail .erCommentsPanel[data-er-panel-size="peek"]>header,
  body.episode-review-detail .erCommentsPanel[data-er-panel-size="peek"]>.erCommentList,
  body.episode-review-detail .erCommentsPanel[data-er-panel-size="peek"]>.erFilePanel { display:none!important; }
  body.episode-review-detail .erCommentsPanel[data-er-panel-size="peek"]>.erComposer {
    flex:1 1 auto;
    border-top:0!important;
  }
}

@keyframes erMobileHint {
  0%,62% { opacity:1; transform:translateX(-50%) translateY(0); }
  100% { opacity:0; transform:translateX(-50%) translateY(-5px); visibility:hidden; }
}

/* Frame.io-style mobile comment dock: quiet while watching, full tools while writing. */
@media(max-width:767px){
  body.episode-review-detail .erCommentsPanel>.erComposer { padding-top:7px; }
  body.episode-review-detail .erCommentsPanel>.erComposer .erComposerContext,
  body.episode-review-detail .erCommentsPanel>.erComposer footer { display:none!important; }
  body.episode-review-detail .erCommentsPanel>.erComposer textarea { height:40px; min-height:40px; max-height:58px; padding:9px 11px; }
  body.episode-review-detail .erCommentsPanel>.erComposer:focus-within .erComposerContext,
  body.episode-review-detail .erCommentsPanel>.erComposer:focus-within footer { display:flex!important; }
  body.episode-review-detail .erCommentsPanel>.erComposer:focus-within textarea { height:50px; }
}

@media(orientation:landscape) and (max-height:600px) and (max-width:950px){
  body.episode-review-detail .erCommentsPanel>.erComposer .erComposerContext,
  body.episode-review-detail .erCommentsPanel>.erComposer footer { display:none!important; }
  body.episode-review-detail .erCommentsPanel>.erComposer:focus-within .erComposerContext,
  body.episode-review-detail .erCommentsPanel>.erComposer:focus-within footer { display:flex!important; }
}