/* 광고 레퍼런스 (static/reference.js) — 레퍼런스 사이트 화면을 Studio 색으로. 모두 #panelReference 안 rf- 클래스라 다른 화면과 안 겹침 */
.reference-page .topbar,.reference-page .tb-meta{display:none!important}
.reference-page #brandSel{visibility:hidden;pointer-events:none}
.reference-page #brandEmpty{display:none}
.reference-page #wrap{max-width:none}
#panelReference{--rf-accent:var(--blue-ink);--rf-accent-bg:var(--blue);--rf-soft:var(--blue-soft);--rf-chip:var(--chip-ghost);--rf-bad:var(--bad,#bf4650);
  --rf-warn-bg:#fff1d6;--rf-warn:#7a4a00;--rf-thumb:#1a1716;--rf-pop:0 18px 48px rgba(38,36,59,.16);color:var(--ink);font-size:14px}
#panelReference button{font:inherit;color:inherit}
.rf-railsep{display:block;height:1px;margin:6px 8px;background:#efe0bd}   /* 콘텐츠 사이드바: 제작 메뉴와 맨 아래 🎞️ 레퍼런스 사이 */
#panelReference .rf-head{justify-content:flex-start;gap:16px}   /* 탭은 '광고 레퍼런스' 제목 바로 오른쪽 (오른쪽 끝으로 밀지 않음) */
#panelReference .rf-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}   /* 좁은 화면: 탭만 옆으로 밀림 (페이지는 가로로 안 밀림) */
#panelReference .rf-tabs button{font-weight:600;color:#716c81}
#panelReference .rf-tabs button[aria-pressed="true"]{color:var(--blue-ink);font-weight:750}
.rf-railmeta{margin:22px 4px 0;padding:14px 8px 0;border-top:1px solid #efe0bd;color:var(--muted);font-size:11.5px;line-height:1.7;font-variant-numeric:tabular-nums}
.rf-bad{color:var(--rf-bad)}
.rf-muted{color:var(--muted)}.rf-small{font-weight:400;font-size:13px}
.rf-lbl{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.03em}
.rf-zero{opacity:.45}
.rf-empty{color:var(--muted);padding:60px 0;text-align:center;grid-column:1 / -1;line-height:1.8}

/* 브랜드 선택: 평소엔 한 줄(선택한 브랜드만 칩), 누르면 법인별 체크 목록 */
.rf-sel{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.rf-sel .rf-lbl{width:64px;flex:none}
.rf-picker{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line-2);background:var(--card);border-radius:999px;padding:7px 14px 7px 16px;cursor:pointer;font-size:14px;font-weight:700;box-shadow:var(--shadow)}
.rf-picker:hover,.rf-picker[aria-expanded="true"]{border-color:var(--rf-accent)}
.rf-caret{width:7px;height:7px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(45deg) translateY(-2px)}
.rf-selsum{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.rf-schip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--rf-accent);background:var(--rf-accent-bg);color:var(--rf-accent);border-radius:999px;padding:3px 6px 3px 10px;font-size:12.5px;font-weight:600;cursor:pointer}
.rf-schip span{font-size:14px;line-height:1;opacity:.7}
.rf-more-n{font-size:12px;color:var(--muted)}
.rf-clear{border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.rf-panel{position:absolute;top:calc(100% + 8px);left:74px;right:0;max-width:1040px;z-index:15;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--rf-pop);display:flex;flex-direction:column;max-height:70vh;overflow:hidden}
.rf-panel[hidden]{display:none}
.rf-ph{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.rf-ph input{flex:1 1 260px;min-width:0;padding:7px 12px;border:1px solid var(--line-2);border-radius:999px;background:var(--panel);color:var(--ink);font:inherit;font-size:13px}
.rf-done{border:0;background:var(--rf-accent);color:#fff!important;border-radius:999px;padding:7px 18px;font-size:13px;font-weight:700;cursor:pointer}
.rf-listscroll{overflow-y:auto;padding:12px 6px 6px}
.rf-list{columns:5 170px;column-gap:10px}
.rf-corp{break-inside:avoid;background:var(--panel);border-radius:12px;padding:7px 4px 4px;margin-bottom:10px}
.rf-corp.on{background:var(--rf-soft);box-shadow:inset 0 0 0 1px var(--rf-accent)}
.rf-ch{display:block;border:0;background:none;padding:2px 8px;font-size:11.5px;font-weight:700;color:var(--muted);cursor:pointer;text-align:left}
.rf-ch:hover,.rf-corp.on .rf-ch{color:var(--rf-accent)}
.rf-brow{display:flex;align-items:center;gap:9px;width:100%;border:0;background:none;padding:5px 8px;border-radius:8px;cursor:pointer;text-align:left;font-size:14px}
.rf-brow:hover{background:var(--card)}
.rf-brow .rf-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rf-brow.on .rf-nm{font-weight:700}
.rf-ck{width:16px;height:16px;border:1.5px solid var(--line-2);border-radius:5px;flex:none;display:grid;place-items:center;background:var(--card)}
.on>.rf-ck{background:var(--rf-accent);border-color:var(--rf-accent)}
.on>.rf-ck::after{content:"";width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(0,-1px) rotate(45deg)}
.rf-allbtn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-2);background:var(--card);border-radius:999px;padding:5px 12px 5px 9px;font-size:13px;cursor:pointer;white-space:nowrap}
.rf-allbtn.on{border-color:var(--rf-accent);color:var(--rf-accent)!important;font-weight:700}
.rf-n{font-size:11.5px;color:var(--muted);font-weight:400;font-variant-numeric:tabular-nums;margin-left:4px}
.rf-nores{color:var(--muted);font-size:13px;padding:10px 2px}

/* JTBD·Delivery 칩, 도구 줄 */
.rf-chips{display:flex;gap:8px;margin-bottom:12px;align-items:flex-start}
.rf-chips .rf-lbl{width:64px;flex:none;padding-top:8px}
.rf-cl{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}
.rf-chip{padding:6px 12px;border-radius:999px;background:var(--rf-chip);border:1px solid transparent;cursor:pointer;font-size:13px}
.rf-chip.active{background:var(--rf-accent-bg);color:var(--rf-accent);border-color:var(--rf-accent);font-weight:600}
.rf-chip .rf-n{opacity:.8;font-size:11px}
.rf-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px;color:var(--muted);font-size:13px}
.rf-toolbar select{padding:6px 8px;border:1px solid var(--line-2);border-radius:8px;background:var(--card);color:var(--ink);font:inherit;max-width:100%}
.rf-count{margin-left:auto;font-variant-numeric:tabular-nums}
.rf-pfchip{display:inline-flex;align-items:center;gap:6px;background:var(--rf-accent-bg);color:var(--rf-accent);border:1px solid var(--rf-accent);border-radius:999px;padding:3px 4px 3px 10px;font-size:12px;max-width:100%}
.rf-pfchip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}
.rf-pfchip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0 4px}

/* 광고 카드 */
.rf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:14px}
.rf-card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:var(--shadow);display:flex;flex-direction:column}
.rf-card:hover,.rf-card:focus-visible{border-color:var(--rf-accent);outline:none}
.rf-thumb{position:relative;aspect-ratio:4 / 5;max-width:100%;background:var(--rf-thumb);display:flex;align-items:center;justify-content:center;overflow:hidden}
.rf-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.rf-play{position:absolute;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center}
.rf-play::after{content:"";border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.rf-badge,.rf-rank{position:absolute;top:8px;font-size:11px;padding:2px 7px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff}
.rf-badge{left:8px}.rf-rank{right:8px}
.rf-expired{position:absolute;bottom:0;left:0;right:0;background:var(--rf-warn-bg);color:var(--rf-warn);font-size:11px;padding:3px 8px;text-align:center}
.rf-noimg{color:#8a8580;font-size:12px}
.rf-body{padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.rf-bn{font-size:11px;font-weight:700;color:var(--rf-accent)}
.rf-page{font-weight:600;font-size:13px;display:flex;justify-content:space-between;gap:6px}
.rf-page span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rf-date{color:var(--muted);font-size:12px;font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}
.rf-text{font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted)}
.rf-tags{display:flex;flex-wrap:wrap;gap:4px}
.rf-tag{font-size:11px;padding:2px 7px;border-radius:6px;background:var(--rf-chip);color:var(--muted)}
.rf-tag.jtbd{background:var(--rf-accent-bg);color:var(--rf-accent);font-weight:600}
.rf-tag.manual{outline:1px dashed var(--rf-accent)}
.rf-more{text-align:center;margin-top:20px}
.rf-more-btn{border:1px solid var(--line-2);background:var(--card);border-radius:999px;padding:9px 22px;cursor:pointer;font-size:13px;margin-top:8px}
.rf-more-btn:hover{border-color:var(--rf-accent);color:var(--rf-accent)!important}

/* 영상 창 */
.rf-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;z-index:80;padding:12px}
.rf-modal.open{display:flex}
.rf-dialog{background:var(--card);border-radius:14px;width:min(1100px,100%);max-height:92vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);overflow:hidden}
.rf-media{background:#000;display:flex;align-items:center;justify-content:center;position:relative;min-height:420px;max-height:92vh}
.rf-media video,.rf-media img{max-width:100%;max-height:92vh;width:100%;height:100%;object-fit:contain}
.rf-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.85);color:#000!important;border:0;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:16px}
.rf-nav.prev{left:10px}.rf-nav.next{right:10px}
.rf-idx{position:absolute;bottom:10px;right:12px;color:#fff;font-size:12px;background:rgba(0,0,0,.5);padding:2px 8px;border-radius:6px}
.rf-expired-box{color:#fff;text-align:center;padding:20px;font-size:13px;line-height:1.7}
.rf-expired-box a{color:#ffe8ae}
.rf-detail{padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-width:0;max-height:92vh}   /* 씬·컷 목록이 길어도 줄 높이가 창을 넘지 않게 — 넘으면 가운데 정렬된 영상이 창 밖으로 밀려 절반만 보임 */
.rf-detail h2{margin:0;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.rf-detail h2>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rf-close{border:0;background:var(--rf-chip);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:16px;flex:none}
.rf-jtbd-edit{display:flex;align-items:center;gap:8px;font-size:13px;flex-wrap:wrap}
.rf-jtbd-edit select{padding:6px 8px;border:1px solid var(--line-2);border-radius:8px;background:var(--card);color:var(--ink);font:inherit}
.rf-src{color:var(--muted);font-size:12px}
.rf-kv{display:grid;grid-template-columns:80px minmax(0,1fr);gap:4px 10px;font-size:13px;margin:0}
.rf-kv dt{color:var(--muted)}.rf-kv dd{margin:0;word-break:break-all}
.rf-detail a{color:var(--rf-accent)}
.rf-copy{white-space:pre-wrap;font-size:13px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px;max-height:260px;overflow-y:auto}
.rf-note{font-size:12px;color:var(--muted)}

/* 광고 제품 현황: JTBD 섹션 > Delivery 그룹 > 상품 카드 */
.rf-psum{color:var(--muted);font-size:13px;margin:2px 0 14px;font-variant-numeric:tabular-nums}
.rf-pj{margin-bottom:30px}
.rf-pj>h2{font-size:18px;margin:6px 0 14px;text-wrap:balance}
.rf-pj>h2 span,.rf-pdel>h3 span{color:var(--muted);font-weight:400;font-size:13px;margin-left:4px}
.rf-pdel{margin-bottom:22px}
.rf-pdel>h3{font-size:14px;margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.rf-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(158px,100%),1fr));gap:20px 14px}
.rf-pcard{cursor:pointer;display:flex;flex-direction:column;gap:7px;min-width:0;outline:none}
.rf-pimg{position:relative;aspect-ratio:1 / 1;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.rf-pimg img{width:100%;height:100%;object-fit:contain;display:block}
.rf-pch{position:absolute;top:6px;left:6px;font-size:10px;padding:2px 6px;border-radius:4px;background:rgba(0,0,0,.55);color:#fff}
.rf-pcard:hover .rf-pimg,.rf-pcard:focus-visible .rf-pimg{border-color:var(--rf-accent)}
.rf-pbrand{font-size:12px;font-weight:700;color:var(--muted)}
.rf-pname{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.rf-pprice{display:flex;flex-direction:column;gap:1px;font-variant-numeric:tabular-nums}
.rf-pprice s{font-size:12px;color:var(--muted)}
.rf-now{display:flex;gap:6px;align-items:baseline}
.rf-pct{color:var(--rf-bad);font-weight:700;font-size:15px}
.rf-amt{font-weight:700;font-size:15px}
.rf-none,.rf-packnote{font-size:11px;color:var(--muted)}
.rf-packnote{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.rf-pmeta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.rf-plink{font-size:11px;color:var(--rf-accent)}

/* 인사이트: JTBD 별 영상 제안·씬 배치·자막·위닝 요소·템플릿 (레퍼런스 사이트 insights.html 과 같은 내용) */
#panelReference{--rf-g-hook:#e11d48;--rf-g-ba:#7c3aed;--rf-g-trust:#16a34a;--rf-g-cg:#0891b2;--rf-g-product:#2563eb;--rf-g-fomo:#ea580c;--rf-g-story:#94a3b8}
.rf-ins{display:grid;gap:14px;max-width:1240px}
.rf-ins-card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:14px 16px;min-width:0;overflow-x:auto}   /* 좁은 화면에서는 표만 카드 안에서 옆으로 */
.rf-ins-card h2{margin:0 0 10px;font-size:15px}
.rf-ins-card h3{margin:14px 0 6px;font-size:13px;color:var(--muted);font-weight:600}
.rf-ins-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:14px}
.rf-ins-chips{margin-bottom:12px}
.rf-linkbtn{border:0;background:none;padding:0;color:var(--rf-accent)!important;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.rf-plan{display:grid;gap:8px}
.rf-bar{display:flex;height:34px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.rf-bar>div{display:flex;align-items:center;justify-content:center;color:#fff;font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden}
.rf-bar.sm{height:22px;border:0;border-radius:6px}.rf-bar.sm>div{font-size:10.5px;font-weight:400}
.rf-steps{display:grid;gap:6px}
.rf-step{display:grid;grid-template-columns:28px 110px minmax(0,1fr);gap:10px;align-items:start;padding:6px 8px;border:1px solid var(--line);border-radius:8px}
.rf-step i{width:22px;height:22px;border-radius:6px;color:#fff;font-style:normal;font-size:11px;display:grid;place-items:center;font-weight:700}
.rf-step b{font-size:13px}.rf-step small{color:var(--muted);font-size:12px;display:block}
.rf-rule{display:flex;gap:8px;flex-wrap:wrap}
.rf-rule span{background:var(--rf-chip);border-radius:999px;padding:3px 9px;font-size:12px}
.rf-rule span.good{background:var(--good-bg,#edf8f2);color:var(--good,#23755a)}
.rf-rule span.bad{background:var(--rf-warn-bg);color:var(--rf-warn)}
.rf-ins table{width:100%;border-collapse:collapse;font-size:12.5px}
.rf-ins th{text-align:left;color:var(--muted);font-weight:600;padding:4px 6px;border-bottom:1px solid var(--line)}
.rf-ins td{padding:4px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.rf-ins td.n,.rf-ins th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.rf-gname{width:90px}.rf-poscell{min-width:120px}.rf-hcell{width:45%}
.rf-hbar{display:flex;align-items:center;gap:8px}.rf-hbar i{height:8px;border-radius:4px;background:var(--rf-accent);display:inline-block}.rf-hbar small{color:var(--muted);font-size:11.5px}
.rf-pos{position:relative;height:10px;background:var(--rf-chip);border-radius:5px;margin-top:4px}.rf-pos i{position:absolute;top:-3px;width:16px;height:16px;border-radius:50%;margin-left:-8px}
.rf-tpl{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:6px;margin-bottom:8px}
.rf-tpl b{font-size:13px}.rf-tpl small{color:var(--muted);font-size:12px}
.rf-diff{font-weight:700}.rf-diff.up{color:var(--good,#23755a)}.rf-diff.down{color:var(--rf-bad)}
@media (max-width:640px){.rf-step{grid-template-columns:28px minmax(0,1fr)}.rf-step small{grid-column:2}.rf-poscell{min-width:70px}.rf-gname{width:auto}.rf-ins-card{padding:12px}}

@media (max-width:860px){
  .rf-sel .rf-lbl{width:100%}.rf-panel{left:0}
  .rf-chips{flex-direction:column}.rf-chips .rf-lbl{padding-top:0}
  .rf-dialog{grid-template-columns:1fr;overflow-y:auto}.rf-media{min-height:260px}
}
@media (prefers-reduced-motion:no-preference){.rf-card{transition:border-color .15s}}

/* 씬 분석: 광고 1편 = 썸네일·정보 | 0초~끝 씬 바 한 줄, 상세는 영상 + 지금 컷 + 컷 목록 + 전사문 */
#panelReference{--rf-g-none:#c4c4cc}
.sc-intro{margin-bottom:10px;color:var(--muted);font-size:13px;line-height:1.6}
.sc-toolbar .sc-q{padding:6px 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--card);color:var(--ink);font:inherit;min-width:0;width:200px;max-width:100%}
.sc-seg button{font:inherit;font-size:12.5px}
.sc-legend{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px;font-size:12.5px}
.sc-legend button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:3px 10px 3px 6px;cursor:pointer;font:inherit}
.sc-legend button i{width:12px;height:12px;border-radius:3px}
.sc-legend button[aria-pressed="false"]{opacity:.4}
.sc-list{display:flex;flex-direction:column}
.sc-row{display:grid;grid-template-columns:64px 190px minmax(0,1fr);gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.sc-thumb{position:relative;width:64px;height:114px;border:0;padding:0;border-radius:8px;overflow:hidden;background:var(--rf-thumb);cursor:pointer;display:flex;align-items:center;justify-content:center}
.sc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sc-thumb .rf-noimg{font-size:10px}
.sc-dur{position:absolute;right:4px;bottom:3px;color:#fff;font-size:10.5px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);font-variant-numeric:tabular-nums}
.sc-info{display:flex;flex-direction:column;gap:4px;min-width:0;align-items:flex-start}
.sc-info b{font-size:14px}
.sc-product{font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-info small{color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums}
.sc-track{position:relative;height:32px;margin-right:var(--sc-gap,40px);min-width:0}
.sc-bar{position:absolute;inset:0 auto 0 0;background:var(--rf-chip);border-radius:6px;overflow:hidden}
.sc-cut{position:absolute;top:0;bottom:0;border:0;border-right:1px solid var(--card);padding:0 3px;color:#fff;font:600 11px/32px inherit;white-space:nowrap;overflow:hidden;text-align:left;cursor:pointer}
.sc-cut.dim{opacity:.15}
.sc-cut.now{box-shadow:inset 0 0 0 2px var(--ink)}
.sc-end{position:absolute;top:0;line-height:32px;padding-left:6px;font-size:11px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.sc-head{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.sc-summary{margin:0;font-size:12.5px;line-height:1.6;color:var(--muted)}
.sc-big{margin-right:0;flex:none}
.sc-head-line{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink);pointer-events:none}
.sc-cuts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sc-cuts li{border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:12.5px}
.sc-cuts li.now{border-color:var(--rf-accent);background:var(--rf-soft)}
.sc-cuts p{margin:4px 0 0;line-height:1.5}
.sc-cuthead{display:flex;gap:8px;align-items:center;width:100%;border:0;background:none;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left}
.sc-cuthead i{width:10px;height:10px;border-radius:2px;flex:none}
.sc-cuthead span{margin-left:auto;color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.sc-h3{margin:6px 0 0;font-size:13px;color:var(--muted)}
@media (max-width:760px){.sc-row{grid-template-columns:54px minmax(0,1fr)}.sc-thumb{width:54px;height:96px}}
/* 바 아래 전사 띠: 같은 컷 칸에 그 구간 Whisper 단어 */
.sc-lane{display:flex;flex-direction:column;gap:3px;min-width:0}
.sc-lane{--sc-gap:40px}
.sc-sync{margin:6px 0 0;padding:4px 0 0;border-top:1px dashed var(--line);font-size:12px}
.sc-sync dt{color:var(--muted);font-size:11.5px}
.sc-sync dd{margin:2px 0 0;line-height:1.45}
.sc-sync.now dt .rf-linkbtn{font-weight:800}
.sc-sync.now{background:color-mix(in srgb,var(--rf-accent) 8%,transparent);border-radius:6px}
@media (max-width:760px){.sc-lane{grid-column:1 / -1;--sc-gap:34px}}

/* 유형 타일(할인 숏·꽁트 / 전환 UGC·B&A) · 4-1 내부 성과 영상 */
#panelReference{--sc-sale:#c2410c;--sc-sale-bg:#fff1e8;--sc-sale-line:#f6c9ab;--sc-conv:#1d5fa8;--sc-conv-bg:#eaf2fc;--sc-conv-line:#b9d1ef}
.sc-types{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;margin:4px 0 16px}
.sc-tgroup{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--card);display:flex;flex-direction:column;gap:10px;min-width:0}
.sc-tgroup.sale{--tc:var(--sc-sale);--tbg:var(--sc-sale-bg);--tl:var(--sc-sale-line)}
.sc-tgroup.conv{--tc:var(--sc-conv);--tbg:var(--sc-conv-bg);--tl:var(--sc-conv-line)}
.sc-tghead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sc-tghead b{display:inline-flex;align-items:center;gap:7px;font-size:15px}
.sc-tghead b i{width:11px;height:11px;border-radius:3px;background:var(--tc)}
.sc-tghead span{color:var(--muted);font-size:12.5px}
.sc-tall{margin-left:auto;border:1px solid var(--line);background:none;border-radius:999px;padding:4px 11px;font-size:12px;color:var(--muted);cursor:pointer}
.sc-tall.on{border-color:var(--tc);color:var(--tc);background:var(--tbg);font-weight:700}
.sc-tiles{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.sc-tile{text-align:left;border:2px solid transparent;background:var(--tbg);border-radius:12px;padding:14px 16px 12px;cursor:pointer;display:flex;flex-direction:column;gap:5px;min-height:132px;font:inherit;color:inherit}
.sc-tile:hover{border-color:var(--tl)}
.sc-tile.on{border-color:var(--tc);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 18%,transparent)}
.sc-tname{font-size:20px;font-weight:800;color:var(--tc);line-height:1.2}
.sc-tcount{font-size:36px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.sc-tcount small{font-size:13px;font-weight:500;color:var(--muted);margin-left:3px}
.sc-tdesc{font-size:12.5px;color:var(--muted);line-height:1.4}
.sc-tstat{margin-top:auto;font-size:12px;color:var(--muted)}
.sc-tstat b{color:var(--ink)}
.sc-now{display:inline-flex;align-items:center;gap:8px}
.sc-tchip{display:inline-block;border-radius:6px;padding:1px 8px;font-size:11.5px;font-weight:700;background:var(--rf-chip);color:var(--ink)}
.sc-tchip.sale{background:var(--sc-sale-bg);color:var(--sc-sale)}
.sc-tchip.conv{background:var(--sc-conv-bg);color:var(--sc-conv)}
.sc-chips{display:flex;flex-wrap:wrap;gap:4px}
.sc-roas{font-weight:700;color:var(--good,#23755a)}
.sc-sheet{position:absolute;inset:0;background-repeat:no-repeat;background-color:#000}
.sc-file{margin:0;font-size:12px;line-height:1.5;word-break:break-all}
.sc-reason{margin:0;font-size:12.5px;line-height:1.5;padding:6px 10px;border-radius:0 8px 8px 0;border-left:3px solid var(--sc-conv);background:var(--sc-conv-bg)}
.sc-reason.sale{border-color:var(--sc-sale);background:var(--sc-sale-bg)}
.sc-reason b{color:var(--sc-conv)}.sc-reason.sale b{color:var(--sc-sale)}
.rf-dialog.sc-inner .rf-media{align-items:flex-start;overflow-y:auto;background:var(--rf-thumb)}
.sc-frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;padding:12px;width:100%}
.sc-frame{position:relative;aspect-ratio:120 / 213;max-width:100%;border:2px solid transparent;border-radius:8px;background-repeat:no-repeat;background-color:#000;cursor:pointer;padding:0}
.sc-frame span{position:absolute;left:4px;top:3px;font-size:10.5px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}
.sc-frame.now{border-color:#fff;box-shadow:0 0 0 2px var(--rf-accent)}
@media (max-width:900px){.sc-types{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.sc-tiles{grid-template-columns:minmax(0,1fr)}}

/* 씬 안의 컷 경계 (같은 소분류가 이어지면 한 씬으로 묶고 컷은 눈금으로만) */
.sc-tick{position:absolute;top:7px;bottom:7px;width:1px;background:rgba(255,255,255,.6);pointer-events:none}
.sc-line{display:block;width:100%;text-align:left;border:0;background:none;padding:1px 4px;margin:0 -4px;font:inherit;color:inherit;line-height:1.45;border-radius:4px;cursor:pointer}
.sc-line:hover{background:color-mix(in srgb,var(--rf-accent) 6%,transparent)}
.sc-line.now{background:color-mix(in srgb,var(--rf-accent) 16%,transparent);font-weight:600}
.sc-fixed{margin:0;font-size:12.5px}
.sc-bg{display:block;font-size:11px;color:var(--muted);opacity:.75}
.sc-line.bg-only .sc-bg{display:inline;margin-left:2px}
.sc-note{display:block;font-size:11.5px;color:var(--muted);margin:1px 0 3px}

/* GPT·Argon 분류 비교 (4-1 내부 성과 영상, 2026-10-31) — 영상마다 위 GPT · 가운데 차이 띠 · 아래 Argon */
#panelReference{--sc-diff:#e5484d;--sc-diff-soft:#f4a7a9;--sc-hi:#23755a;--sc-mid:#b7791f;--sc-lo:#c2410c}
.sc-match{display:inline-block;border-radius:6px;padding:1px 7px;font-size:11.5px;font-weight:700;color:var(--mc);background:color-mix(in srgb,var(--mc) 12%,transparent);font-variant-numeric:tabular-nums}
.sc-match.hi{--mc:var(--sc-hi)}
.sc-match.mid{--mc:var(--sc-mid)}
.sc-match.lo{--mc:var(--sc-lo)}
.sc-cmp{display:grid;grid-template-columns:40px minmax(0,1fr);row-gap:3px;align-items:center;min-width:0}
.sc-who{font-size:10.5px;font-weight:700;color:var(--muted)}
.sc-cmp .sc-track{height:24px}
.sc-cmp .sc-cut,.sc-cmp .sc-end{line-height:24px}
.sc-difftrack{position:relative;height:7px;margin-right:var(--sc-gap,40px)}
.sc-diff{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--sc-hi) 16%,transparent);border-radius:3px;overflow:hidden}
.sc-diff i{position:absolute;top:0;bottom:0;background:var(--sc-diff-soft);cursor:pointer}
.sc-diff i.lv2{background:var(--sc-diff)}
.sc-cmp-modal{flex:none}
.sc-cmp-modal .sc-track,.sc-cmp-modal .sc-difftrack{margin-right:0}
.sc-cmp-modal .sc-difftrack{height:9px}
.sc-cmp-cap{margin:0;font-size:12px;color:var(--muted)}
.sc-cmp-cap b{color:var(--ink)}
.sc-sum2{border-left:3px solid var(--line-2);padding-left:8px}
.sc-alt{margin:5px 0 0;padding:3px 6px 3px 8px;border-left:3px solid var(--sc-hi);font-size:12px;line-height:1.45}
.sc-alt.diff{border-color:var(--sc-diff);background:color-mix(in srgb,var(--sc-diff) 6%,transparent);border-radius:0 6px 6px 0}
.sc-alt .sc-tag{margin-left:6px;font-size:10.5px;font-weight:700;color:var(--sc-hi)}
.sc-alt.diff .sc-tag{color:var(--sc-diff)}
.sc-alt .sc-note{margin:2px 0 1px}
.sc-vis{display:block;font-size:11px;color:var(--muted)}