/* AMV Maker 제품 UI — 메인 사이트(web/index.html)와 통일된 헤더 */
.amvhdr{position:sticky;top:0;z-index:10;background:rgba(14,17,22,.85);
  backdrop-filter:blur(8px);border-bottom:1px solid #2a323d}
.amvhdr .wrap{max-width:1180px;padding:0 20px}   /* 메인 사이트와 동일 폭(PAGE_CSS 세로패딩 상쇄) */
.amvhdr .nav{display:flex;align-items:center;justify-content:space-between;height:60px;gap:14px}
.amvhdr .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:#e6e9ee}
.amvhdr .mark{width:30px;height:30px;border-radius:8px;
  background:linear-gradient(135deg,#5b8cff,#7b5bff);color:#fff;
  display:grid;place-items:center;font-size:16px}
.amvhdr .right{display:flex;align-items:center;gap:14px}
.amvhdr .backlink{font-size:13px;color:#9aa4b2}
.amvhdr .backlink:hover{color:#e6e9ee}
.amvhdr select{background:#1f2630;color:#e6e9ee;border:1px solid #2a323d;
  border-radius:8px;padding:6px 8px;font:inherit;font-size:13px}
#bc.wrap{max-width:880px;margin:0 auto;padding:20px 20px 60px}

/* BeatCut 제품 UI */
#bc .dz{border:2px dashed #3a4656;border-radius:12px;padding:26px 14px;text-align:center;
  cursor:pointer;font-size:15px;transition:border-color .15s}
#bc .dz.over{border-color:#5b8cff}
#bc .dzinfo{font-size:12px;margin-top:4px;word-break:break-all}
#bc .chip{padding:5px 12px;border-radius:16px;border:1px solid #2a323d;background:#161c26;
  cursor:pointer;font-size:13px;user-select:none}
#bc .chip.on{background:#1d3a2e;border-color:#3ad29f;color:#7CFFB0}
#bc .chip.lock{opacity:.75}
#bc .chip.lock::after{content:' 🔒';font-size:11px}
#bc .bcth{border:2px solid #3ad29f;border-radius:6px;position:relative;cursor:grab;transition:transform .08s}
#bc .bcth.off{border-color:#333;opacity:.35}
#bc .bcth img{height:64px;display:block;border-radius:4px;pointer-events:none}
#bc .bcth:hover{transform:translateY(-2px)}
/* 삽입 위치 = 갭 안에 뜨는 빛나는 세로 막대(썸네일보다 위아래로 길게 → 확실히 보임) */
#bc .bcth.insL::before,#bc .bcth.insR::after{
  content:'';position:absolute;top:-6px;bottom:-6px;width:4px;border-radius:3px;
  background:#7CFFB0;box-shadow:0 0 10px 2px #7CFFB0;z-index:5}
#bc .bcth.insL::before{left:-9px}
#bc .bcth.insR::after{right:-9px}

/* ── 타임라인 1: 결과 구성(스크럽) ── */
#bcTlTop .blk{position:absolute;top:6px;height:32px;border-radius:4px;opacity:.9}
#bcTlTop .ph{position:absolute;top:0;bottom:0;width:2px;background:#fff;z-index:6;pointer-events:none}
#bcTlTop .bndt{position:absolute;top:0;bottom:0;width:2px;background:rgba(200,107,255,.55);
  transform:translateX(-50%);pointer-events:none;z-index:4}
#bcTlTop .pline{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,91,91,.55);
  transform:translateX(-50%);pointer-events:none}

/* ── 타임라인 2: 편집점 레인 ── */
#bcTlEdit .bt{position:absolute;bottom:0;width:2px;background:#3ad29f;
  transform:translateX(-50%);pointer-events:none}
#bcTlEdit .bnd{position:absolute;top:0;bottom:0;width:3px;background:#c86bff;opacity:.8;
  transform:translateX(-50%);pointer-events:none}
#bcTlEdit .hl{position:absolute;top:0;bottom:0;background:rgba(255,213,74,.10);pointer-events:none}
#bcTlEdit .sug{position:absolute;top:2px;width:18px;height:18px;margin-left:-9px;cursor:pointer;
  color:#ffd54a;font-size:14px;line-height:18px;text-align:center;z-index:4}
#bcTlEdit .sug:hover{transform:scale(1.35)}
#bcTlEdit .pin{position:absolute;top:0;bottom:0;width:18px;margin-left:-9px;cursor:grab;z-index:5}
#bcTlEdit .pin .head{position:absolute;top:0;left:2px;width:14px;color:#ff5b5b;
  font-size:15px;line-height:16px;text-align:center;text-shadow:0 1px 2px #000}
#bcTlEdit .pin .stem{position:absolute;top:14px;bottom:0;left:8px;width:2px;background:#ff5b5b}
#bcTlEdit .pin:hover .head{transform:scale(1.25)}
#bcTlEdit .ph2{position:absolute;top:0;bottom:0;width:2px;background:#fff;opacity:.55;
  z-index:2;pointer-events:none}
#bcTlEdit .ghost{position:absolute;top:0;bottom:0;width:18px;margin-left:-9px;opacity:.4;
  pointer-events:none;z-index:3}
#bcTlEdit .ghost .head{position:absolute;top:0;left:2px;width:14px;color:#ff9b9b;
  font-size:15px;line-height:16px;text-align:center}
#bcTlEdit .ghost .stem{position:absolute;top:14px;bottom:0;left:8px;width:2px;
  background:rgba(255,155,155,.6)}
#bcTlEdit .ghost.land{opacity:.95;z-index:6}
#bcTlEdit .ghost.land .head{color:#7CFFB0}
#bcTlEdit .ghost.land .stem{background:#7CFFB0}