.videoShell{margin-left:150px;padding:28px;max-width:1700px}.videoShell header{display:flex;justify-content:space-between;align-items:start;gap:20px}.videoShell header h1{font-size:30px}.videoNav{display:block;text-decoration:none;color:inherit;padding:12px 8px;margin:12px 6px;border-radius:8px}.videoCard{background:#fff;border:1px solid #dce5eb;border-radius:16px;padding:22px;margin-bottom:18px}.videoColumns{display:grid;grid-template-columns:minmax(210px,290px) minmax(0,1fr);gap:20px}.videoTop{display:flex;align-items:center;gap:12px;margin:18px 0}.videoTop p{flex:1}.videoPage label{display:block;margin:12px 0 5px}.videoPage input:not([type=checkbox]):not([type=file]),.videoPage textarea,.videoPage select{max-width:100%;width:100%;padding:10px;border:1px solid #cbdce6;border-radius:7px;background:white;color:var(--ink)}#videoLanguage{width:auto}.videoProjectButton{display:block;width:100%;text-align:left;padding:14px;margin:8px 0;border:1px solid #cbdce6;border-radius:10px;background:#fff}.videoProjectButton.active{border-color:#22a0d5;background:#edf7fb}.videoProjectButton small{display:block;margin-top:5px;color:#6d8290}.videoActions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.videoShots{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.videoShot{border:1px solid #dce5eb;border-radius:12px;padding:12px;overflow:hidden}.videoShot video,.videoShot img{width:100%;height:160px;object-fit:contain;background:#edf2f5;border-radius:8px}.videoShot h3{font-size:16px}.videoShot textarea{font-size:13px}.videoShot button{margin:6px 5px 0 0}.videoSettings{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.videoOutput{width:100%;max-height:65vh;background:#102b3b;border-radius:10px}.videoStatus{display:inline-block;background:#e6f4fb;border-radius:20px;padding:5px 10px;font-size:13px}.videoPage dialog{max-width:650px;width:92vw}.videoPage form button{margin:14px 10px 0 0}#videoWait{position:sticky;bottom:12px;margin:auto;width:min(340px,95%);background:#fffffff2;border:1px solid #dce5eb;border-radius:14px;box-shadow:0 8px 35px #203e5020;z-index:8}#videoMessage{color:#315d75}#videoLogin{max-width:470px;margin:35px auto}#videoAdmin input{max-width:520px}.videoMuted{color:#6d8290;font-size:13px}@media(max-width:900px){.videoColumns{grid-template-columns:1fr}.videoShell{margin-left:110px;padding:15px}}@media(max-width:600px){.videoShell{margin-left:0;padding-top:110px}.videoPage .rail{height:85px;width:100%;display:flex;align-items:center;gap:8px}.videoPage .brand{max-width:120px}.videoPage .brand span{display:none}.videoTop{flex-wrap:wrap}.videoShell header h1{font-size:24px}}

/* Keep navigation and content in separate columns, regardless of photo-sidebar sizing. */
body.videoPage{--video-sidebar-width:236px;display:grid;grid-template-columns:var(--video-sidebar-width) minmax(0,1fr);min-height:100vh}
.videoPage>.rail{position:sticky;inset:auto;top:0;grid-column:1;align-self:start;width:var(--video-sidebar-width);height:100vh;height:100dvh;display:flex;overflow:auto;padding:28px 20px}
.videoPage>.videoShell{grid-column:2;width:100%;min-width:0;max-width:1700px;margin:0 auto;padding:28px}
.videoPage .videoShell header{flex-direction:row;flex-wrap:wrap}
.videoPage .videoShell header>div{min-width:0;flex:1 1 240px}
.videoPage .videoShell header h1{overflow-wrap:anywhere}
.videoPage .videoColumns>*,.videoPage .videoProjectButton,.videoPage .videoSettings>*{min-width:0;overflow-wrap:anywhere}
.videoPage #videoLanguage{flex:0 0 auto;width:auto}
.videoPage dialog{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
@media(max-width:900px){.videoPage .videoColumns{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){
 body.videoPage{grid-template-columns:minmax(0,1fr)}
 .videoPage>.rail{grid-column:1;position:sticky;top:0;z-index:20;width:100%;height:auto;min-height:68px;flex-direction:row;align-items:center;gap:8px;padding:12px 16px;overflow:visible}
 .videoPage .rail .brand{width:120px;max-width:120px;flex:0 0 120px;min-height:36px;padding-top:36px}
 .videoPage .rail .brand:before{height:34px}
 .videoPage .rail .brand span{display:none}
 .videoPage .videoNav{margin:0;padding:9px 6px;font-size:12px;white-space:nowrap}
 .videoPage>.videoShell{grid-column:1;padding:18px}
 .videoPage .videoTop{flex-wrap:wrap}
 .videoPage .videoTop p{flex:1 1 100%}
 .videoPage .videoShell header h1{font-size:24px}
}
#videoSourceDialog{width:min(760px,90vw);max-height:85vh;overflow:auto}#videoSourceResults{display:grid;gap:8px;margin:12px 0}#videoSourceFiles{display:grid;gap:7px;max-height:40vh;overflow:auto}#videoSourceFiles label{display:flex;align-items:center;gap:10px}#videoSourceFiles input{width:auto}

.videoPage .videoTop{flex-wrap:wrap}.videoPage .videoTop p{flex:1 1 260px}#videoDeliveryTarget{overflow-wrap:anywhere}
#videoEditorOverlay{position:fixed;inset:0;z-index:2147483647;background:#f5f8fb}#videoEditorOverlay iframe{display:block;width:100%;height:100%;border:0;background:#f5f8fb}
#videoSourceAssets{margin:16px 0;padding:12px;border:1px solid #dce7ed;border-radius:10px}#videoSourceAssets h3{margin:0 0 10px}.videoAssetChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.videoAsset{min-width:0}.videoAsset label{display:block;margin:0 0 6px;font-size:14px;font-weight:600}.videoAsset select{width:100%;min-width:0;margin:0}.videoAsset img{display:block;width:100%;height:80px;object-fit:contain;background:#f4f7f9;margin-top:8px}.videoAsset img[hidden]{display:none}@media(max-width:520px){.videoAssetChoices{grid-template-columns:1fr}}
.videoAsset>input[type=text]{width:100%;margin:8px 0 0;box-sizing:border-box}.videoAsset>button{margin-top:8px}.videoAsset>small{display:block;margin-top:5px;color:#607a89}