.lb-public-videos{margin-top:24px;min-width:0}.lb-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}.lb-video-card{min-width:0}.lb-video-card h3{margin:0 0 12px;overflow-wrap:anywhere}.lb-video-player{aspect-ratio:16/9;min-height:200px;position:relative;overflow:hidden;border-radius:12px;background:#e9eef8;color:#1b2b4b;border:1px solid #d2dced}.lb-video-player iframe{width:100%;height:100%;position:absolute;inset:0;border:0}.lb-video-placeholder{min-height:200px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;box-sizing:border-box}.lb-video-placeholder p{margin:0}.lb-video-play{font-size:24px;color:#2450b0}.lb-video-placeholder button{padding:10px 18px;background:#175c42;color:white;border:0;border-radius:8px;font:inherit;font-weight:600;cursor:pointer}.lb-video-placeholder button[hidden]{display:none}.lb-video-placeholder .lb-video-note{font-size:12px;line-height:1.45;color:#4b5974}.lb-video-source{display:inline-block;margin-top:12px;overflow-wrap:anywhere}.lb-public-videos :focus-visible{outline:3px solid #337acc;outline-offset:3px}
.lb-videos-admin .lb-video-list{padding:0;list-style:none;margin:20px 0;display:grid;gap:14px}.lb-videos-admin .lb-video-list>li{min-width:0;border:1px solid var(--line,#435064);border-radius:12px;padding:16px}.lb-video-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.lb-video-label{min-width:0;display:grid;gap:8px;overflow-wrap:anywhere}.lb-videos-admin .lb-video-row .actions{margin:0;flex-wrap:wrap}.lb-videos-admin details{margin-top:16px}.lb-videos-admin summary{cursor:pointer;padding:6px 0}.lb-videos-admin details form{padding-top:14px}.lb-videos-admin label{display:block;margin:14px 0 6px}.lb-videos-admin input{width:100%;box-sizing:border-box}.lb-video-add{border-top:1px solid var(--line,#435064);padding-top:20px;margin-top:20px}.lb-videos-admin .notice .actions{justify-content:center}@media(max-width:600px){.lb-video-row{align-items:stretch;flex-direction:column}.lb-videos-admin .lb-video-row .actions{justify-content:flex-start}.lb-public-videos .lb-video-grid{gap:20px}}
/* v57: video source selection and acknowledged upload progress. */
.lb-videos-admin [hidden]{display:none!important}.lb-video-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.lb-video-heading h2{margin:0}.lb-video-feedback:empty{display:none}.lb-video-feedback[data-error=true]{color:var(--danger,#d12942)}
.lb-macos .lb-video-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;overflow:auto;padding:30px;border:1px solid var(--line,#435064);border-radius:22px;text-align:center;color:var(--ink,#e7eaf0);background:var(--lb-solid,#242932);box-shadow:0 24px 80px #0006}
.lb-video-dialog::backdrop{background:#0b1023a6;backdrop-filter:blur(5px)}.lb-macos .lb-video-dialog h2{margin:0 0 12px;font-size:1.3rem}.lb-video-dialog>p{color:var(--muted,#aeb8c9);line-height:1.55}.lb-video-dialog .lb-dialog-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.lb-video-dialog .lb-dialog-actions button{min-width:104px;flex:0 0 auto}.lb-video-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.lb-video-options button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 12px;white-space:normal;border:1px solid var(--line,#435064);border-radius:14px;background:var(--lb-hover,#303949);color:var(--ink,#e7eaf0)}.lb-video-options button:hover{border-color:#69abff;background:var(--green-soft,#263c56)}.lb-video-options button>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#2e84e52b;color:#75b7ff;font-size:26px}.lb-video-options strong{line-height:1.4}.lb-video-options small{font-weight:400;color:var(--muted,#aeb8c9)}
.lb-video-upload-symbol{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border-radius:20px;background:#2e84e52b;color:#75b7ff;font-size:34px}.lb-video-upload-dialog .lb-video-upload-name{font-weight:600;color:var(--ink,#e7eaf0);overflow-wrap:anywhere;margin-bottom:6px}.lb-video-upload-dialog [data-video-upload-size]{margin-top:0;margin-bottom:26px}.lb-video-meter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--muted,#aeb8c9);font-size:.9rem}.lb-video-meter strong{font-size:1.1rem;color:var(--ink,#e7eaf0);font-variant-numeric:tabular-nums}
.lb-video-progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:12px;overflow:hidden;border:0;border-radius:999px;background:var(--lb-hover,#303949);accent-color:#3995f5}.lb-video-progress::-webkit-progress-bar{background:var(--lb-hover,#303949);border-radius:999px}.lb-video-progress::-webkit-progress-value{background:linear-gradient(90deg,#0867d2,#64b5ff);border-radius:999px;transition:width .15s ease}.lb-video-progress::-moz-progress-bar{background:linear-gradient(90deg,#0867d2,#64b5ff);border-radius:999px}.lb-video-upload-dialog #video-upload-status{min-height:44px;font-size:.9rem;margin:18px 0 0}.lb-video-upload-dialog[data-state=success] .lb-video-upload-symbol{color:var(--lb-success,#59ce9b);background:var(--lb-success-soft,#203f39)}.lb-video-upload-dialog[data-state=error] .lb-video-upload-symbol{color:var(--danger,#ff859a);background:var(--lb-danger-soft,#542e38)}.lb-video-upload-dialog[data-state=error] #video-upload-status{color:var(--danger,#ff859a)}
.lb-video-local{width:100%;max-height:480px;aspect-ratio:16/9;display:block;border-radius:12px;background:#101722}.lb-video-playback-error{color:#8f2540;line-height:1.5}.lb-video-dialog :focus-visible{outline:3px solid #69abff;outline-offset:3px}
@media(max-width:480px){.lb-macos .lb-video-dialog{padding:24px}.lb-video-options{grid-template-columns:1fr}.lb-video-options button{padding:16px}.lb-video-options button>span{width:34px;height:34px}.lb-video-heading{align-items:stretch}.lb-video-heading>button{width:100%}}
@media(prefers-reduced-motion:reduce){.lb-video-progress::-webkit-progress-value{transition:none}}
@media(forced-colors:active){.lb-video-progress{appearance:auto;-webkit-appearance:auto}.lb-video-upload-symbol{border:1px solid CanvasText}}
/* v58: align the shared dialog only while confirming a video deletion. */
.lb-macos #lb-confirm-dialog.lb-video-confirm .lb-dialog-heading{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}
.lb-macos #lb-confirm-dialog.lb-video-confirm .lb-dialog-symbol{flex:0 0 48px;margin:0}
.lb-macos #lb-confirm-dialog.lb-video-confirm .lb-dialog-heading h2{min-width:0;margin:0;text-align:center;overflow-wrap:anywhere}
.lb-macos #lb-confirm-dialog.lb-video-confirm .lb-dialog-actions{justify-content:center}
.lb-macos #lb-confirm-dialog.lb-video-confirm .lb-dialog-actions button{flex:0 1 110px;min-width:0}

/* v60: persistent first-frame thumbnails, including portrait video. */
.lb-videos-admin .lb-video-thumbnail{display:flex;align-items:center;justify-content:center;flex:0 0 160px;width:160px;height:100px;overflow:hidden;border-radius:10px;border:1px solid var(--line,#435064);background:#101722;color:#c3d6f5;text-decoration:none}
.lb-video-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}.lb-video-thumbnail>span{font-size:26px}.lb-video-row>.lb-video-label{flex:1}.lb-videos-admin [data-video-poster-form]{margin-top:12px}
@media(max-width:600px){.lb-videos-admin .lb-video-thumbnail{flex:0 0 auto;width:160px;max-width:100%;height:100px;align-self:center}}