.sidebar .nav-create-actions{gap:7px}.sidebar .nav-create-actions .action-icon,.sidebar .nav-create-actions #nav-create-board,.sidebar .nav-create-actions #add-wallpapers{flex:0 1 48px;min-width:40px;width:48px;height:48px;margin:0}.video-connection{border:1px solid var(--line);background:var(--field);border-radius:12px;padding:14px;font-size:14px;line-height:1.5}.video-ideas{display:flex;flex-wrap:wrap;gap:8px}.video-ideas button{border:1px solid var(--line);background:var(--field);color:var(--text);border-radius:30px;padding:9px 13px;cursor:pointer}.video-library-heading{margin-top:28px;align-items:center}.video-card{padding:18px;border:1px solid var(--line);border-radius:16px;margin:12px 0}.video-card h4{margin:0 0 10px;overflow-wrap:anywhere}.video-card video{display:block;width:100%;max-height:420px;border-radius:12px;background:#111;margin:14px 0}.video-card p{color:var(--muted);font-size:14px}.video-card .generator-actions{gap:10px}#video-dialog input:not([type]){box-sizing:border-box;width:100%;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--text);padding:12px;font:inherit}#video-dialog #video-file{width:100%}#video-dialog .studio-reference{margin-top:15px}#video-dialog [hidden]{display:none!important}

#video-form .video-style-toggle{display:flex;align-items:center;gap:10px;margin-inline-start:4px;font-size:14px}

/* Motion Studio shares Lumora's navy and violet creative surfaces. */
#video-dialog{
 --bg:#10192c;--surface:#172238;--field:#111c30;--text:#f8f5ff;
 --muted:#c0bdd4;--line:#46506b;--accent:#baadff;
 color-scheme:dark;color:var(--text);
 background:radial-gradient(ellipse at 100% 0,#8760e430,transparent 58%),linear-gradient(130deg,#142645,#161a2c 65%,#201c36);
 border:1px solid #61557e;border-radius:24px;box-shadow:0 24px 80px #05091480;
 scrollbar-width:thin;scrollbar-color:#726189 #172238;
}
#video-dialog::backdrop{background:#060d20bf;backdrop-filter:blur(7px)}
#video-dialog .settings-heading{padding-bottom:20px;border-bottom:1px solid #8d7fa53b;gap:16px}
#video-dialog .eyebrow{color:#c3b2ff;letter-spacing:2px;font-size:11px;font-weight:700;margin:0 0 8px}
#video-dialog h2{color:#fff;letter-spacing:-.6px}
#video-dialog h3,#video-dialog h4{color:#f5f0ff}
#video-dialog .generator-note,#video-dialog .video-card p{color:#c0bdd4}
#video-dialog .video-connection{background:#14243c;border-color:#535477;color:#d9d6ed}
#video-dialog .studio-card,#video-dialog .video-card{background:linear-gradient(135deg,#1a2942,#201e36);border-color:#4a4a69;box-shadow:0 6px 22px #070d1d20}
#video-dialog :is(textarea,select,input:not([type]),input[type=text]){background:#101c31;color:#faf6ff;border-color:#58607d;border-radius:12px}
#video-dialog :is(textarea,input)::placeholder{color:#aaaec7;opacity:1}
#video-dialog textarea{min-height:160px}
#video-dialog :is(.home-button,.icon-button,.video-ideas button){background:#262d46;color:#eae2ff;border:1px solid #685e82}
#video-dialog :is(.home-button,.video-ideas button){min-height:42px;border-radius:12px}
#video-dialog :is(.home-button,.icon-button,.video-ideas button):hover{background:#393251;border-color:#b39bdc;color:#fff}
#video-dialog .upload-button{background:linear-gradient(115deg,#477eee,#8152de);color:#fff;border:1px solid #a192eb66;border-radius:12px;min-height:46px;box-shadow:0 5px 18px #6444bb28}
#video-dialog .upload-button:not(:disabled):hover{background:linear-gradient(115deg,#5b8df8,#9465eb);box-shadow:0 6px 22px #8562dd40}
#video-dialog button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
#video-dialog .studio-upload{background:#19273e;border-color:#917ac2;color:#ede5ff}
#video-dialog input[type=file]::file-selector-button{padding:9px 12px;margin:6px 10px 6px 0;border:1px solid #81709f;border-radius:9px;background:#302c4b;color:#f9f5ff;cursor:pointer}
#video-dialog .studio-preserve label{background:#19263e;border-color:#505774}
#video-dialog .studio-preserve label:has(input:checked){background:#423567;border-color:#ad92e3;color:#fff}
#video-dialog input[type=checkbox]{accent-color:#ab8af0}
#video-dialog .generator-style-toggle input:checked{background:#9270e4}
#video-dialog .studio-reference>div{min-width:0}
#video-dialog #video-status:not(:empty){padding:14px 16px;background:#19273e;border:1px solid #575276;border-radius:12px;overflow-wrap:anywhere}
#video-dialog :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid #ceb6ff;outline-offset:3px}
#video-dialog .video-library-heading{gap:12px;flex-wrap:wrap}
@media(max-width:620px){
 #video-dialog{width:calc(100vw - 20px);padding:20px 16px;border-radius:18px}
 #video-dialog .studio-card,#video-dialog .video-card{padding:14px}
 #video-dialog .video-ideas{gap:8px}
 #video-dialog .video-ideas button{flex:1 1 auto;padding:10px 12px}
 #video-dialog .video-style-toggle{flex-basis:100%;margin:6px 0}
 #video-dialog .studio-reference{flex-wrap:wrap}
 #video-dialog .studio-reference>div{flex-basis:200px}
 #video-dialog .studio-recipe{flex-wrap:wrap}
 #video-dialog .studio-recipe span{flex-basis:100%}
 #video-dialog .generator-actions>*{min-width:0;overflow-wrap:anywhere}
}