/* Base tile */
.videotile{border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:12px;margin:12px 0}
.videotile-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.videotile-tab{border:1px solid rgba(0,0,0,.15);background:transparent;border-radius:999px;padding:6px 10px;cursor:pointer}
.videotile-tab.is-active{background:rgba(0,0,0,.06)}
.videotile-panel{display:none}
.videotile-panel.is-active{display:block}
.videotile-muted{opacity:.7}

/* Multicam iframe */
.videotile-iframewrap{position:relative;padding-top:56.25%;border:1px solid rgba(0,0,0,.12);border-radius:10px;overflow:hidden}
.videotile-iframewrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

/* Multicam split helper */
.videotile-multicam-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px 0}
.videotile-split{display:flex;gap:12px;justify-content:center;align-items:stretch;max-width:1400px;margin:0 auto}
.videotile-col{flex:1;min-width:320px}
.videotile-split.is-archive-hidden .videotile-archive{display:none}

@media (max-width: 900px){
  .videotile-split{flex-direction:column}
  .videotile-col{min-width:0}
}

/* Frontend editor */
.videotile-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.videotile-btn{border:1px solid rgba(0,0,0,.2);background:rgba(0,0,0,.03);border-radius:10px;padding:6px 10px;cursor:pointer}
.videotile-btn-secondary{opacity:.8}
.videotile-status{opacity:.8;font-size:.95em}

.videotile-label{display:block;font-weight:600;margin:6px 0}
.videotile-input,.videotile-textarea{width:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.2);border-radius:10px;padding:8px}
.videotile-hint{opacity:.7;margin:6px 0 0 0;font-size:.9em}
.videotile-edit-actions{display:flex;gap:8px;margin-top:10px}