/* 슬라이드 항목의 리모트 미리보기와 생성·편집 창을 꾸밉니다. */
.ccm-remote .slides-card{display:none; flex-direction:column; gap:10px; position:absolute; inset:0; padding:14px; overflow:auto}
.ccm-remote .preview.slides-mode .inner,
.ccm-remote .preview.slides-mode .verse-panel,
.ccm-remote .preview.slides-mode .video-card{display:none}
.ccm-remote .preview.slides-mode .slides-card{display:flex}
.ccm-remote .slides-board-head{display:flex; align-items:center; justify-content:space-between; gap:12px}
.ccm-remote .slides-card .lbl{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:850}
.ccm-remote .slides-card .note{flex:none; font-size:10px; color:var(--muted)}
.ccm-remote .slides-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; align-content:start}
.ccm-remote .slide-deck-board{display:contents}
.ccm-remote .slide-deck-board[hidden]{display:none}
.ccm-remote .slide-thumb{
  position:relative; min-width:0; aspect-ratio:16/9; overflow:hidden; cursor:pointer;
  border:2px solid var(--line); border-radius:9px; background:#080c16; color:var(--ink);
  box-shadow:0 8px 18px -14px rgba(0,0,0,.9); transition:border-color .15s,transform .15s,box-shadow .15s;
}
.ccm-remote .slide-thumb:hover{transform:translateY(-1px); border-color:#64748b}
.ccm-remote .slide-thumb:focus-visible{outline:2px solid #60a5fa; outline-offset:2px}
.ccm-remote .slide-thumb.on{border-color:#34d399; box-shadow:0 0 0 2px rgba(52,211,153,.2),0 10px 22px -14px rgba(52,211,153,.9)}
.ccm-remote .slide-frame{position:absolute; inset:0; overflow:hidden; pointer-events:none}
.ccm-remote .slide-frame iframe{display:block; width:100%; height:100%; border:0; pointer-events:none; background:#000}
.ccm-remote .slide-text{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:12%; overflow:hidden; white-space:pre-line; text-align:center; font-size:clamp(8px,1.05vw,15px); line-height:1.25; font-weight:750}
.ccm-remote .slide-img{position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#000; pointer-events:none}
.ccm-remote .slide-wait{color:var(--muted); font-weight:700}
.ccm-remote .slide-broken{color:var(--stop); font-weight:700}
.ccm-remote .source-icon.google{background:rgba(251,188,4,.14); color:#fbbc04}
.ccm-remote .slides-library{display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:7px}
.ccm-remote .slidepick{
  min-width:0; display:grid; grid-template-columns:34px 1fr; grid-template-rows:auto auto;
  column-gap:9px; padding:9px; text-align:left; border-radius:9px; cursor:pointer;
  background:var(--surface-3); border:1px solid var(--line); color:var(--ink);
}
.ccm-remote .slidepick.on{border-color:var(--accent); box-shadow:0 0 0 1px var(--accent-line)}
.ccm-remote .deckicon{grid-row:1/3; width:34px; height:34px; border-radius:8px; display:grid; place-items:center; color:#fff; font-weight:900}
.ccm-remote .deckicon.google{background:#f4b400}.ccm-remote .deckicon.ppt{background:#d24726}
.ccm-remote .deckname{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:800}
.ccm-remote .slidepick small{font-size:9.5px; color:var(--muted)}
@media (max-width:899.98px){.ccm-remote .slides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:659.98px){
  .ccm-remote .slides-library,.ccm-remote .slides-grid{grid-template-columns:1fr}
  .ccm-remote .slides-card{padding:10px}
  .ccm-remote .slides-board-head{align-items:flex-start; flex-direction:column; gap:2px}
}