/* 소스 창고 새 구조(0121) — 회차 → 원본(합본 · 파일) → 작업 #번호. 칸은 면의 밝기로 나누고 테두리는 쓰지 않는다(클립 사이 연한 선만) */
.sr-room{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.sr-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.sr-head-src{display:flex;gap:6px;flex-wrap:wrap}
.sr-head .sr-btn{margin-left:auto}
.sr-groups{display:flex;flex-direction:column;gap:8px}
.sr-empty{background:var(--surface);border-radius:12px;padding:22px;color:var(--muted);font-size:13px;margin:0}
.sr-ep{background:var(--surface);border-radius:14px;padding:14px 16px}
.sr-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sr-no{font-size:15px;font-weight:700}
.sr-stat{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.sr-ago{font-size:12px;color:var(--muted);margin-left:2px}
.sr-top>.sr-btn{margin-left:auto}
.sr-btn{display:inline-flex;align-items:center;gap:6px;height:var(--button-small-height);padding:0 var(--button-small-pad-x);border:0;border-radius:var(--radius-pill);background:var(--inset);color:var(--ink);font-size:var(--button-small-font);font-weight:600;white-space:nowrap}
.sr-btn:hover{background:var(--hover)}
.sr-btn.solid{background:var(--solid);color:var(--on-solid)}
.sr-btn.solid:hover{background:var(--solid-hover)}
.sr-btn.ghost{background:none;color:var(--secondary)}
.sr-btn.danger{color:var(--danger)}
.sr-link{border:0;background:none;color:var(--secondary);font-size:12px;padding:0 4px;white-space:nowrap}
.sr-link:hover{color:var(--ink)}
/* 채널 알약 — 아이콘 + 이름(문장 안에서도 쓴다) */
.sr-chn{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px 0 4px;border-radius:var(--radius-pill);background:var(--inset);font-size:12px;font-weight:600;color:var(--ink);vertical-align:middle;white-space:nowrap}
.sr-av{width:16px;height:16px;border-radius:50%;object-fit:cover;flex:none;background:var(--folder-fill);display:inline-grid;place-items:center;font-size:9px;color:var(--secondary)}
.sr-av.sm{width:16px;height:16px}
/* 원본(합본 · 파일) 한 줄 + 그 아래 작업 버튼 */
.sr-src{background:var(--inset);border-radius:12px;padding:10px 12px;margin-top:10px}
.sr-src-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sr-thumb{width:44px;height:26px;border-radius:5px;background:var(--folder-fill);flex:none}
.sr-thumb.busy{background:linear-gradient(90deg,var(--folder-fill),var(--hover),var(--folder-fill));background-size:200% 100%;animation:sr-shine 1.4s linear infinite}
@keyframes sr-shine{to{background-position:-200% 0}}
.sr-src-name{flex:1;min-width:140px;font-size:13px}
.sr-src-name b{font-weight:650}
.sr-src-name small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.sr-src-name small.bad{color:var(--danger)}
.sr-src .sr-btn{height:28px;font-size:12px;background:var(--surface)}
.sr-src .sr-btn.solid{background:var(--solid)}
.sr-tasks{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:8px 0 0 54px}
.sr-task{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 10px 0 12px;border:0;border-radius:var(--radius-pill);background:var(--surface);font-size:12px;color:var(--secondary);max-width:100%}
.sr-task:hover{background:var(--hover)}
.sr-task b{color:var(--ink);font-weight:700}
.sr-task em{font-style:normal;color:var(--muted);font-size:15px}
.sr-num{font-weight:800;color:var(--ink)}
.sr-task.draft,.sr-task.busy{color:var(--muted)}
.sr-task.draft .sr-num{color:var(--secondary)}
.sr-task.failed{color:var(--danger)}
/* 클립 목록 */
.sr-clips{margin-top:8px}
.sr-clips summary{font-size:12px;color:var(--secondary);cursor:pointer;list-style:none;padding:6px 0;width:max-content}
.sr-clips summary::-webkit-details-marker{display:none}
.sr-clips summary::after{content:' ⌄';color:var(--muted)}
.sr-clips[open] summary::after{content:' ⌃'}
.sr-grp{font-size:11px;font-weight:700;color:var(--muted);margin:12px 0 2px}
.sr-clip{display:flex;align-items:center;gap:10px;padding:8px 0}
.sr-clip+.sr-clip{border-top:1px solid var(--input-border)}
.sr-clip-tw{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.sr-clip-tt{font-size:12px;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-clip-tt:hover{text-decoration:underline}
.sr-clip.out .sr-clip-tt{opacity:.45}
.sr-ovn{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--secondary)}
.sr-ov{position:relative;width:96px;height:6px;border-radius:3px;background:var(--input-border);overflow:hidden;flex:none}
.sr-ov i{position:absolute;top:0;bottom:0;background:var(--ink)}
.sr-cd{font-size:11px;color:var(--muted);flex:none;min-width:36px;text-align:right;font-variant-numeric:tabular-nums}
/* 예전 파이프라인 기록 — 접어 둔다 */
.src-legacy{background:var(--surface);border-radius:14px;padding:14px 16px}
.src-legacy>summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--secondary);list-style:none;display:flex}
.src-legacy>summary::-webkit-details-marker{display:none}
.src-legacy>summary::after{content:'⌄';margin-left:auto;color:var(--muted)}
.src-legacy[open]>summary{margin-bottom:12px}
.src-legacy .src-ep{background:var(--inset)}
/* 창 */
.sr-dlg{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-dialog);overflow:hidden}
.sr-dlg[open]{display:flex;flex-direction:column}
.sr-dlg:focus{outline:none}
.sr-dlg>header{display:flex;align-items:flex-start;gap:12px;padding:22px 22px 4px}
.sr-dlg>header>div{flex:1;min-width:0}
.sr-dlg h3{margin:0;font-size:17px;letter-spacing:-.3px}
.sr-dlg h4{margin:0 0 4px;font-size:14px}
.sr-x{border:0;background:none;color:var(--muted);font-size:22px;width:32px;height:32px;padding:0;flex:none}
.sr-body{padding:6px 22px 4px;overflow:auto;min-height:0}
.sr-sm{font-size:12px;color:var(--secondary);line-height:1.7;margin:6px 0 0}
.sr-right{text-align:right;padding:0 22px 16px;margin:0}
.sr-hint{font-size:12px;color:var(--secondary);line-height:1.7;margin:4px 0 10px}
.sr-muted{font-size:11px;color:var(--muted)}
.sr-err{color:var(--danger);font-size:12px;margin:0;padding:0 22px;min-height:0}
.sr-err:empty{display:none}
.sr-act{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:14px 22px 12px}
.sr-act .sr-btn{height:var(--button-height);padding:0 var(--button-pad-x);font-size:var(--button-font)}
.sr-grow{flex:1}
.sr-sect{margin-top:16px;padding-top:14px;border-top:1px solid var(--input-border)}
.sr-row{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:13px}
.sr-row.top{align-items:flex-start}.sr-row.top .sr-lb{padding-top:6px}
.sr-row.col{display:block}
.sr-lb{flex:1}.sr-lb small{display:block;font-size:11px;color:var(--muted);margin-top:2px;line-height:1.5}
.sr-seg{display:inline-flex;background:var(--inset);border-radius:var(--radius-pill);padding:3px;flex:none}
.sr-seg button{height:28px;padding:0 12px;border:0;border-radius:var(--radius-pill);background:none;font-size:12px;font-weight:600;color:var(--secondary)}
.sr-seg button.on{background:var(--solid);color:var(--on-solid)}
.sr-sw{width:36px;height:22px;border:0;padding:0;border-radius:var(--radius-pill);background:var(--folder-fill);position:relative;flex:none}
.sr-sw::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}
.sr-sw.on{background:var(--solid)}.sr-sw.on::after{left:17px;background:var(--on-solid)}
.sr-in{height:32px;border:0;border-radius:8px;background:var(--inset);color:var(--ink);padding:0 10px;font:inherit;font-size:12px;min-width:0}
.sr-in.sr-num{width:72px}
select.sr-in{padding-right:6px}
.sr-memo{width:100%;min-height:60px;border:0;border-radius:10px;background:var(--inset);padding:10px 12px;font:inherit;font-size:13px;color:var(--ink);resize:vertical;margin-top:6px}
.sr-warn{font-size:12px;color:var(--secondary);background:var(--inset);border-radius:10px;padding:8px 12px;margin:10px 0 0;line-height:1.8}
.sr-warn .sr-chn{background:var(--surface)}
/* 채널 고르기 */
.sr-pickhost{position:relative;display:inline-flex;flex-direction:column;align-items:flex-end}
.sr-pick{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 6px;border:0;border-radius:var(--radius-pill);background:var(--inset);font-size:13px;font-weight:600;color:var(--ink)}
.sr-pick em{font-style:normal;color:var(--muted)}
.sr-pick .sr-av{width:20px;height:20px}
.sr-ph{color:var(--muted);font-weight:500;padding-left:6px}
.sr-stk{display:inline-flex}.sr-stk .sr-av+.sr-av{margin-left:-7px;box-shadow:0 0 0 2px var(--inset)}
.sr-pick-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:5;min-width:200px;max-height:260px;overflow:auto;background:var(--raised);border-radius:12px;box-shadow:var(--shadow-menu);padding:6px}
.sr-pick-menu button{display:flex;align-items:center;gap:8px;width:100%;height:36px;padding:0 8px;border:0;border-radius:8px;background:none;font-size:13px;color:var(--ink);text-align:left}
.sr-pick-menu button:hover,.sr-pick-menu button[aria-selected="true"]{background:var(--raised-selected)}
.sr-pick-menu .sr-av{width:20px;height:20px}
.sr-pick-menu small{margin-left:auto;color:var(--secondary)}
.sr-ck{width:16px;height:16px;border-radius:5px;background:var(--folder-fill);flex:none;display:grid;place-items:center}
.sr-ck.on{background:var(--solid)}.sr-ck.on::after{content:'✓';color:var(--on-solid);font-size:11px;font-weight:700}
/* 원천 목록 */
.sr-srcs{display:flex;flex-direction:column}
.sr-srcrow{display:flex;gap:10px;padding:12px 0}
.sr-srcrow+.sr-srcrow{border-top:1px solid var(--input-border)}
.sr-rank{width:22px;height:22px;border-radius:50%;background:var(--inset);font-size:12px;font-weight:700;display:grid;place-items:center;flex:none;margin-top:5px}
.sr-srcbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.sr-srcline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sr-srcline .sr-pickhost{align-items:flex-start}.sr-srcline .sr-pick-menu{left:0;right:auto}
.sr-first{font-size:11px;font-weight:600;color:var(--secondary);background:var(--inset);border-radius:var(--radius-pill);padding:2px 8px}
.sr-mini{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--secondary)}
.sr-mini .sr-in{width:170px}
.sr-ic{border:0;background:none;color:var(--muted);width:28px;height:28px;border-radius:8px;font-size:14px;padding:0}
.sr-ic:hover{background:var(--inset);color:var(--ink)}
.sr-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px}
/* 합본 구성 */
.sr-order{list-style:none;margin:12px 0 4px;padding:0;counter-reset:o}
.sr-order li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;background:var(--surface)}
.sr-order li+li{border-top:1px solid var(--input-border)}
.sr-order li::before{counter-increment:o;content:counter(o);font-size:11px;font-weight:700;color:var(--secondary);background:var(--inset);border-radius:50%;width:20px;height:20px;display:inline-grid;place-items:center;flex:none}
.sr-order li.sr-none::before{display:none}
.sr-order li.drag{opacity:.4}
.sr-order li[draggable]{cursor:grab}
.sr-otitle{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-otitle small{display:block;font-size:11px;color:var(--muted)}
.sr-gr{color:var(--muted);font-size:13px;flex:none}
.sr-notes{margin-top:10px;font-size:12px;color:var(--secondary)}
.sr-notes pre{white-space:pre-wrap;font:inherit;font-size:12px;background:var(--inset);border-radius:10px;padding:10px 12px;max-height:240px;overflow:auto}
@media(max-width:760px){
 .sr-tasks{margin-left:0}
 .sr-src-row .sr-btn.solid{width:100%;justify-content:center}
 .sr-mini{width:100%}.sr-mini .sr-in{flex:1;width:auto}
 .sr-clip .sr-chn{display:none}
 .sr-dlg{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
}
@media(prefers-reduced-motion:reduce){.sr-thumb.busy{animation:none}}
.src-work-act{grid-column:3/5;justify-self:end;font-size:12px;color:var(--secondary);white-space:nowrap}
@media(max-width:760px){.src-work-act{grid-column:2/4;justify-self:start;white-space:normal;font-size:11px;color:var(--muted)}}
.sr-tpl-lines{display:flex;flex-direction:column;gap:4px;margin-top:4px}.sr-tpl-lines>span{display:flex;align-items:center;gap:6px}
.sr-warn small{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.sr-fixed{font-size:12px;color:var(--muted)}.sr-preset{max-width:240px}
/* 유튜브 원천 · 채널 안에서 찾기(2026-10-06) */
.sr-dlg .sr-from{margin:0 0 10px;padding:10px 12px;border-radius:12px;background:var(--dot-ok-bg);font-size:12px;color:var(--ink)}
.sr-dlg .sr-q{flex:1;min-width:0}.sr-dlg .sr-q .sr-in{flex:1;width:auto;min-width:0}
.sr-guess{font-size:11px;color:var(--muted)}   /* 회차를 장면 · 날짜로 맞춘 클립(0155) */
/* ── 작품 한 장(2026-10-07) — 유튜브 스튜디오 목록처럼 흰 면 한 장, 안은 줄로만. 상자 없이 줄 사이 옅은 선 ── */
.wr-sheet{background:var(--surface);border-radius:16px;overflow:hidden}
.wr-tabs{display:flex;gap:26px;padding:0 24px;height:48px;align-items:flex-end}
.wr-tabs button{position:relative;border:0;background:none;padding:0 0 12px;font:inherit;font-size:13px;font-weight:500;color:var(--secondary);cursor:pointer}
.wr-tabs button small{margin-left:5px;font-size:12px;color:var(--muted);font-weight:500}
.wr-tabs button[aria-selected="true"]{color:var(--ink);font-weight:650}
.wr-tabs button[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--ink)}
.wr-body{padding-bottom:8px}
.wr-row{display:grid;grid-template-columns:minmax(96px,120px) 108px minmax(0,1fr) minmax(0,1fr) 170px 96px;align-items:center;gap:16px;padding:14px 24px}
.wr-ep+.wr-ep,.wr-hd+.wr-ep{box-shadow:inset 0 1px 0 var(--inset)}
.wr-hd{padding-top:10px;padding-bottom:10px;background:var(--inset);font-size:12px;color:var(--muted);font-weight:500}
/* 회차 줄 마우스 올림 = 양옆 12px 띄운 둥근 면(머리줄 띠와 같은 모양), 펼쳐도 줄은 흰색 그대로 — 아래 원본 목록만 둥근 회색 판(2026-10-19 사용자) */
.wr-ep>.wr-row{position:relative;isolation:isolate}
.wr-ep>.wr-row::before{content:"";position:absolute;inset:2px 12px;border-radius:10px;z-index:-1;pointer-events:none}
.wr-ep:hover>.wr-row::before{background:color-mix(in srgb,var(--inset) 60%,var(--surface))}
.wr-name{display:block;border:0;background:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;min-width:0}
div.wr-name{cursor:default}
.wr-name b{display:block;font-size:15px;font-weight:650}
.wr-name small,.wr-air small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.wr-air b{display:block;font-weight:500;font-size:13px}.wr-air b.mute{color:var(--muted)}
.wr-air small.warn{color:var(--status-warn)}
.wr-st{display:flex;gap:8px;align-items:flex-start;min-width:0}
.wr-st svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:-1px}
.wr-st>div{min-width:0}
.wr-st b{display:block;font-weight:500;font-size:13px}
.wr-st small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.wr-st.ok svg{color:var(--status-ok)}.wr-st.wait svg{color:var(--status-warn)}
.wr-st.none,.wr-st.none svg{color:var(--muted)}
.wr-chs{display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;font:inherit;font-size:12px;color:var(--secondary);cursor:pointer;min-width:0;text-align:left}
.wr-chs.none{color:var(--muted);cursor:default}
.wr-chs .bad{color:var(--status-error)}
.wr-stack{display:flex;padding-left:8px;flex:none}
.wr-av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;background:var(--folder-fill);display:inline-grid;place-items:center;font-size:11px;font-weight:700;color:var(--secondary)}
.wr-stack .wr-av{margin-left:-8px;box-shadow:0 0 0 2.5px var(--surface)}
.wr-ep:hover .wr-stack .wr-av{box-shadow:0 0 0 2.5px color-mix(in srgb,var(--inset) 60%,var(--surface))}
.wr-av.more{background:var(--inset);font-size:10px}
.wr-av.sm{width:22px;height:22px;font-size:10px}
.wr-av.lg{width:32px;height:32px}
.wr-caret{width:6px;height:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-2px) rotate(45deg);flex:none}
.wr-ep.open .wr-caret{transform:translateY(1px) rotate(-135deg)}
.wr-act{justify-self:end}
.wr-go{border:0;background:none;padding:6px 0;font:inherit;font-size:12px;font-weight:650;color:var(--accent);cursor:pointer;white-space:nowrap}
.wr-go:hover{text-decoration:underline}
.wr-go.off{color:var(--muted);font-weight:500;cursor:default}.wr-go.off:hover{text-decoration:none}
/* 펼친 줄 — 옅은 면 위에 원본 줄과 작업 줄 */
.wr-more{background:var(--inset);padding:8px 12px 14px 148px;margin:0 12px 12px;border-radius:12px}
.wr-src{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0 4px}
.wr-src-name{flex:1;min-width:160px;font-size:13px}
.wr-src-name b{font-weight:650}
.wr-src-name small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.wr-src-name small.bad{color:var(--status-error)}
.wr-src-acts{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wr-more .sr-btn{height:28px;font-size:12px;background:var(--surface)}
.wr-more .sr-btn.solid{background:var(--solid)}
.wr-jobs{display:flex;flex-direction:column;margin:2px 0 4px}
.wr-job{display:grid;grid-template-columns:40px 22px minmax(90px,140px) auto 16px;justify-content:start;align-items:center;gap:10px;padding:7px 0;border:0;background:none;font:inherit;font-size:13px;color:var(--secondary);text-align:left;cursor:pointer;width:max-content;max-width:100%}
.wr-job+.wr-job{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--hover) 55%,transparent)}
.wr-job .no{color:var(--ink);font-weight:750}
.wr-job .nm{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wr-job .tx{white-space:nowrap}
.wr-job .tx b{color:var(--ink);font-weight:650}
.wr-job em{font-style:normal;color:var(--muted)}
.wr-job:hover .nm{text-decoration:underline}
.wr-job.draft .tx,.wr-job.busy .tx{color:var(--muted)}
.wr-job.failed .tx{color:var(--status-error)}
.wr-more-foot{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-top:6px}
.wr-more-foot .wr-clips{flex:1;min-width:240px;margin:0}
.wr-empty{padding:28px 24px;font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:4px}
.wr-empty b{color:var(--ink);font-size:14px;font-weight:650}
/* 소스 탭 */
.wr-sec{padding:6px 0 16px}
.wr-sec+.wr-sec{box-shadow:inset 0 1px 0 var(--inset)}
.wr-sh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 24px 10px}
.wr-sh h3{margin:0;font-size:15px}
.wr-sh .dropdown{min-width:0!important}
.wr-pick-t{font-size:12px;font-weight:600;padding:5px 10px;border-radius:8px;background:var(--inset)}
.wr-guess{font-size:12px;color:var(--muted)}
.wr-sh-r{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted)}
.wr-a{border:0;background:none;padding:0;font:inherit;font-size:12px;font-weight:650;color:var(--accent);cursor:pointer}
.wr-a:hover{text-decoration:underline}
.wr-row.wr-yt{grid-template-columns:minmax(0,1fr) 160px 160px}
.wr-row.wr-yt+.wr-row.wr-yt{box-shadow:inset 0 1px 0 var(--inset)}
.wr-yt.off{opacity:.5}
.wr-nm{display:flex;align-items:center;gap:12px;min-width:0}
.wr-nm b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wr-num{font-size:12px;color:var(--secondary)}.wr-num.bad{color:var(--status-error)}
.wr-none{margin:0;padding:6px 24px 4px;font-size:12px;color:var(--muted)}
.wr-drive{padding:0 0 0}
/* 칸 폭은 작품 화면 폭에 맞춘다 — 좁으면 방영을 회차 칸 아래로, 더 좁으면 한 회차를 여러 줄로 */
.wr-sheet{container-type:inline-size}
.wr-air-in{display:none}
@container (max-width:980px){
 .wr-row:not(.wr-yt){grid-template-columns:minmax(84px,110px) minmax(0,1fr) minmax(0,1fr) 128px 84px;gap:14px;padding-left:18px;padding-right:18px}
 .wr-row:not(.wr-yt)>.wr-air,.wr-hd:not(.wr-yt)>span:nth-child(2){display:none}
 .wr-air-in{display:block}.wr-air-in.warn{color:var(--status-warn)}
 .wr-more{padding-left:18px}
 .wr-tabs,.wr-sh,.wr-none{padding-left:18px;padding-right:18px}
}
@container (max-width:620px){
 .wr-hd:not(.wr-yt){display:none}
 .wr-ep>.wr-row{grid-template-columns:1fr auto;grid-template-areas:"name act" "yt yt" "dr dr" "ch ch";gap:8px 12px}
 .wr-ep>.wr-row>.wr-name{grid-area:name}.wr-ep>.wr-row>.wr-act{grid-area:act}
 .wr-ep>.wr-row>.wr-st.yt{grid-area:yt}.wr-ep>.wr-row>.wr-st.dr{grid-area:dr}
 .wr-ep>.wr-row>.wr-chs{grid-area:ch}
 .wr-row.wr-yt{grid-template-columns:minmax(0,1fr) auto}.wr-row.wr-yt>span:last-child{display:none}
 .wr-tabs,.wr-sh,.wr-none{padding-left:16px;padding-right:16px}
 .wr-more{padding-left:16px;padding-right:16px}
 .wr-job{grid-template-columns:32px 22px minmax(0,1fr) auto 12px;width:100%}
}
/* 넓은 화면(작품 관리는 화면 높이에 맞춘 판) — 오른쪽 판 아래 끝을 왼쪽 작품 목록과 맞추고, 흰 테두리 안쪽만 스크롤(2026-10-07) */
@media(min-width:1251px){
 .works-results:has(>.sr-room){display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
 .works-results>.sr-room{flex:1;min-height:0;margin-bottom:0;display:flex;flex-direction:column}
 .works-results>.sr-room>.wr-sheet{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 10px 10px}
 .wr-sheet>.wr-tabs{flex:none;padding:0 14px}
 .wr-sheet>.wr-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border-radius:12px;padding-bottom:0}
 .works-results>.src-legacy{flex:none;margin-top:10px;max-height:40%;overflow:auto}
 .wr-sheet>.wr-body>.wr-hd{position:sticky;top:0;z-index:1}
}

/* 회차 순서 바꾸기 — 머리줄 '회차' 옆 삼각형, 1화부터면 뒤집힌다(2026-10-08) */
.wr-sort{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:2px 6px;margin:-2px -6px;border-radius:6px;font:inherit;color:inherit;cursor:pointer}
.wr-sort:hover{background:var(--hover);color:var(--secondary)}
.wr-sort svg{width:9px;height:9px;fill:currentColor;transition:transform .2s ease}
.wr-sort.asc svg{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.wr-sort svg{transition:none}}
/* 공식 자막(0173) 창 — 틀은 sr-dlg, 종류마다 칸 */
.osub-dlg{width:min(640px,calc(100vw - 32px))}
.osub-slots{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.osub-slot{background:var(--inset);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.osub-slot>header b{display:block;font-size:13px}.osub-slot>header small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.osub-file{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border-radius:10px;padding:10px;min-width:0}
.osub-fmt{flex:none;font-size:9px;font-weight:700;letter-spacing:.3px;color:var(--secondary);background:var(--inset);border-radius:5px;padding:4px 5px;margin-top:1px}
.osub-fname{flex:1;min-width:0}.osub-fname b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.osub-fname small{display:block;font-size:10px;color:var(--muted);margin-top:3px;line-height:1.5}
.osub-fname em{display:block;font-style:normal;font-size:10px;color:var(--secondary);margin-top:3px}
.osub-facts{display:flex;gap:12px;margin-top:6px}
.osub-facts button{border:0;background:none;font:inherit;font-size:11px;color:var(--muted);padding:0;cursor:pointer}.osub-facts button:hover{color:var(--ink)}
.osub-drop{display:flex;align-items:center;justify-content:center;min-height:64px;border-radius:10px;background:var(--surface);font-size:12px;color:var(--secondary);cursor:pointer;text-align:center;padding:10px}
.osub-slot.has .osub-drop{min-height:34px;background:none;color:var(--muted);font-size:11px}
.osub-drop.over{background:var(--hover);color:var(--ink)}
.osub-none{font-size:12px;color:var(--muted);margin:0}
.osub-foot{font-size:11px;color:var(--muted);line-height:1.6;margin:12px 0 0}
.osub-status{font-size:12px;color:var(--secondary);min-height:18px;margin:6px 0 4px}.osub-status.bad{color:var(--danger)}
@media(max-width:560px){.osub-slots{grid-template-columns:1fr}}

/* 표 머리줄 — 작품 관리의 회차 · 드라이브 폴더 · 방영 일정 표를 같은 둥근 회색 띠로(2026-10-08).
   양옆 12px 띄우고 그만큼 안쪽 여백을 줄여 글자 자리는 아래 줄과 같다 */
.wr-row.wr-hd,.dt-list .dt-row.dt-hd,.ws-row.ws-hd{width:auto;margin:0 12px;border-radius:10px;padding-top:9px;padding-bottom:9px;background:var(--inset);font-size:12px;font-weight:500;color:var(--muted)}
.wr-row.wr-hd{padding-left:12px;padding-right:12px}
.dt-list .dt-row.dt-hd{padding-left:12px;padding-right:12px}
.ws-row.ws-hd{padding-left:8px;padding-right:8px}
.wr-hd+.wr-ep,.dt-hd+.dt-row,.ws-hd+.ws-row{box-shadow:none}
.wr-row.wr-hd,.dt-list .dt-row.dt-hd,.ws-row.ws-hd{margin-bottom:6px}   /* 아래 줄에 마우스를 대면 생기는 회색 면이 둥근 띠에 바로 닿지 않게 */
.wr-row.wr-hd{margin-top:10px}   /* 위 탭 밑줄(회차 · 소스)에도 닿지 않게 */
@container (max-width:980px){.wr-row.wr-hd{padding-left:6px;padding-right:6px}}
@container (max-width:620px){.dt-list .dt-row.dt-hd{padding-left:4px;padding-right:4px}}
.wr-subchip{display:inline-flex;align-items:center;margin-top:6px;border:0;border-radius:999px;background:var(--inset);color:var(--ink);font:inherit;font-size:11px;font-weight:600;height:24px;padding:0 10px;cursor:pointer}
.wr-subchip.none{color:var(--muted);font-weight:500;background:none;padding:0}
.osub-drive{border:0;border-radius:10px;height:34px;background:var(--surface);font:inherit;font-size:12px;font-weight:600;color:var(--ink);cursor:pointer}
.osub-drive.on{background:var(--solid);color:var(--on-solid)}
.osub-slot .osub-drop span{display:block;text-align:center;line-height:1.5}
.osub-busy{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:10px;padding:10px 12px;font-size:12px;color:var(--secondary)}
.osub-spin{width:12px;height:12px;border-radius:50%;border:2px solid var(--hover);border-top-color:var(--ink);animation:osub-spin 1s linear infinite;flex:none}
@keyframes osub-spin{to{transform:rotate(360deg)}}
.osub-dlist{margin-top:10px;background:var(--inset);border-radius:14px;padding:10px;max-height:260px;overflow:auto}
.osub-dhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:2px 4px 4px}.osub-dhead b{font-size:12px}.osub-dhead small{font-size:11px;color:var(--muted)}
.osub-dlist h5{margin:8px 4px 2px;font-size:10px;font-weight:600;color:var(--muted)}
.osub-ditem{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:10px;padding:9px 10px;margin-top:6px}
.osub-ditem.used{opacity:.5}
.osub-dname{flex:1;min-width:0}.osub-dname b{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.osub-dname small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.osub-ditem button{border:0;border-radius:999px;background:var(--hover);font:inherit;font-size:11px;font-weight:600;color:var(--ink);height:26px;padding:0 12px;cursor:pointer;flex:none}
.osub-fail{background:var(--danger-bg);border-radius:10px;padding:10px 12px}.osub-fail b{display:block;font-size:12px;font-weight:600;color:var(--danger)}.osub-fail small{display:block;font-size:11px;color:var(--secondary);margin-top:3px;line-height:1.5}
.osub-on{display:inline-flex;align-items:center;gap:4px;margin-left:8px;height:20px;padding:0 8px 0 6px;border-radius:999px;background:var(--dot-ok-bg);color:var(--dot-ok-text);font-size:10px;font-weight:600;vertical-align:middle}.osub-on svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.osub-file.new{background:var(--dot-ok-bg)}.osub-just{font-style:normal;font-weight:600;color:var(--dot-ok-text)}
.osub-status.ok{color:var(--dot-ok-text);background:var(--dot-ok-bg);border-radius:10px;padding:9px 12px;margin-top:10px}

/* 회차 줄 드라이브 칸 — 가져오는 중(2026-10-26 목업): 연한 고리에 보라 한 조각이 도는 작은 동그라미 */
.wr-st.busy .dt-spin{width:14px;height:14px;margin-top:1px;border:2px solid var(--inset);border-top-color:var(--accent)}

/* 유튜브 채널 · 재생목록 — 이름 옆 '재생목록 ↗'(채널은 '채널 ↗')만 누르면 유튜브로(새 탭, 10/26). 드라이브 '드라이브에서 열기 ↗'와 같은 보라 글씨 */
.wr-nm a.wr-go{display:inline-flex;align-items:center;gap:3px;margin-left:2px;padding:0;background:none;border-radius:0;font-size:12px;font-weight:650;color:var(--accent);text-decoration:none;cursor:pointer}
.wr-nm a.wr-go:hover{text-decoration:underline;text-underline-offset:2px}
.wr-go-ic{flex:none;width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}