.video-account-panel { margin:16px 0; padding:14px; border:1px solid #bacbd4; border-radius:12px; background:#f6fafb; color:#20323b; }
.public-video-picker [hidden] { display:none!important; }
.video-picker-confirm { width:min(420px,80vw); border:1px solid #9db9bd; border-radius:12px; padding:20px; color:#20323b; background:#fff; }
.video-picker-confirm::backdrop { background:#10252a99; }
.video-picker-confirm p { white-space:pre-wrap; overflow-wrap:anywhere; }
.video-picker-confirm input { box-sizing:border-box; width:100%; min-height:44px; margin:8px 0; }
.video-picker-confirm div { display:flex; justify-content:flex-end; gap:12px; margin-top:16px; }
.video-picker-confirm button { min-height:44px; min-width:80px; }
.video-account-panel button { min-height:44px; padding:8px 12px; border:1px solid #a2bac5; border-radius:8px; background:#fff; color:#20323b; cursor:pointer; }
.video-account-panel small { display:block; margin:8px 0; line-height:1.6; }
.video-account-entry { display:flex; flex-wrap:wrap; align-items:center; gap:8px; border-top:1px solid #d8e3e8; padding:10px 0; }
.video-account-entry span { flex:1 1 180px; overflow-wrap:anywhere; }
.video-picker-standalone { margin:0; padding:0 12px 24px; font:14px/1.5 system-ui,sans-serif; color:#263a43; background:#eff5f6; }
.video-picker-appbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; position:sticky; top:0; z-index:10; background:#eff5f6; }
.video-picker-appbar button { min-height:44px; padding:8px 16px; border:1px solid #9db9bd; border-radius:8px; background:#fff; }
.video-picker-standalone .public-video-picker { display:block!important; }
@media(max-width:700px) {
  /* TGWVPDEV001: normal document flow keeps all later controls reachable. */
  .video-picker-standalone .video-tool-stage-wrap { position:static; }
  .public-video-picker .video-tool-custom-play { flex-direction:column; }
  .public-video-picker .video-tool-custom-play .prop-settings { width:100%; min-width:0; }
  .public-video-picker .video-tool-custom-play .prop-textarea-col { width:100%; }
  .public-video-picker .video-tool-panel { min-width:0; }
  .video-account-panel .video-tool-actions { flex-wrap:wrap; }
  .video-account-panel button { flex:1 1 130px; }
}

.video-account-panel summary { cursor:pointer; font-weight:800; min-height:36px; display:list-item; }
@media(max-width:700px) { .video-picker-standalone { padding:0 6px 18px; } .video-picker-appbar { padding:6px 0; } #videoPickerAuth { margin:4px 0; font-size:12px; } .video-account-panel { padding:10px; margin:10px 0; } }
