/* Light palettes for Visual Studio and Motion Studio; media retain their original colors. */
html[data-theme="light"] body:has(.video-tool-main){background:#f3f6fb;color:#21324b}
html[data-theme="light"] .video-tool-main{--studio-line:#d9e3ef;--studio-muted:#536780;--studio-accent:#146c91;color-scheme:light;color:#21324b;background:radial-gradient(ellipse at 75% 0,#e0f0f7,transparent 50%),#f3f6fb}
html[data-theme="light"] .video-tool-main :is(h1,h2,h3,label,.frame-upload-title strong,.video-task-prompt,.image-task-body>b,.video-mode-card b,.video-duration-heading){color:#21324b}
html[data-theme="light"] .video-tool-main .eyebrow{color:#386b88}
html[data-theme="light"] .video-tool-main :is(.video-card,.video-task-card,.image-task-card){background:#fff;border-color:#d9e3ef;box-shadow:0 6px 24px #223b6010}
html[data-theme="light"] .video-tool-main :is(.video-panel-heading>span,.video-task-count,.video-task-specs span,.video-mode-quality){background:#edf3fa;color:#445e7b;border-color:#cbd9e9}
html[data-theme="light"] .video-tool-main :is(.video-config-state,.video-status){background:#fff3de;color:#805219;border-color:#e6cf9f}
html[data-theme="light"] .video-tool-main :is(.video-config-state.ready,.video-status.succeeded,.image-task-visual>span,.image-tool-flash.success){background:#e7f5ed;color:#226448;border-color:#acd5bf}
html[data-theme="light"] .video-tool-main :is(.video-status.running,.video-status.queued){background:#e7f2fc;color:#225e87;border-color:#b0cfe4}
html[data-theme="light"] .video-tool-main :is(.video-status.failed,.image-tool-flash.error,.video-flash.error){background:#fff0f2;color:#a32f49;border-color:#e4b7c3}
html[data-theme="light"] .video-tool-main :is(textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select){background:#fff;color:#21324b;border-color:#b8c9de;caret-color:#21324b}
html[data-theme="light"] .video-tool-main :is(input,textarea)::placeholder{color:#62758b;opacity:1}
html[data-theme="light"] .video-tool-main :is(textarea,select,input):focus{border-color:#247fa6;box-shadow:0 0 0 3px #247fa61c}
html[data-theme="light"] .video-tool-main .beeai-input{--ai-input-bg:#fff;--ai-input-border:#b8c9de;--ai-input-text:#365775;--ai-input-button:#edf4fb;--ai-input-accent:#247fa6;color:#21324b}
html[data-theme="light"] .video-tool-main .beeai-input .beeai-input-field{color:#21324b}
html[data-theme="light"] .video-tool-main .beeai-input .beeai-input-tools button.is-listening{background:#ffedf1;border-color:#cc8ba0;color:#942c4b}
html[data-theme="light"] .video-tool-main :is(.video-prompt-meta,.image-prompt-meta,.image-prompt-heading>span,.video-task-date,.image-task-body>small,.image-pagination span,.video-pagination-summary,.video-duration-ticks,.frame-upload-title small,.frame-upload-title>span,.reference-upload small,.reference-preview-grid small,.image-reference-previews small,.image-reference-summary,.video-studio-banner p,.video-card-intro,.video-mode-card small,.video-mode-hint,.video-estimate-note,.video-empty,.video-empty p){color:#536780}
html[data-theme="light"] .video-tool-main :is(.frame-upload-panel,.video-creative-inputs,.video-modes,.image-reference-previews article){background:#f6f9fd;border-color:#d9e3ef}
html[data-theme="light"] .video-tool-main .video-creative-inputs .frame-upload-panel{background:transparent;border-color:#d9e3ef}
html[data-theme="light"] .video-tool-main .reference-upload{background:#f0f6fc;border-color:#a6bdd6}
html[data-theme="light"] .video-tool-main .reference-upload:hover{border-color:#247fa6!important}
html[data-theme="light"] .video-tool-main :is(.reference-upload.is-dragging,.ai-reference-file-picker.is-dragging){background:#e1f0f8!important;border-color:#247fa6;outline-color:#247fa6}
html[data-theme="light"] .video-tool-main :is(.reference-upload>span,.video-mode-estimate,.video-duration-heading output,.video-banner-kicker,.video-orbit b,.image-creation-glow,.video-empty>span){color:#146c91;text-shadow:none}
html[data-theme="light"] .video-tool-main :is(.frame-ratio-note,.video-creative-inputs .frame-ratio-note){background:#e9f3fb;color:#2b5f83;border-color:#bbd4e8}
html[data-theme="light"] .video-tool-main .video-modes legend{color:#354d6b}
html[data-theme="light"] .video-tool-main .video-mode-card-body{background:#fff;border-color:#cbd9e9}
html[data-theme="light"] .video-tool-main .video-mode-icon{background:#e2f0f8;color:#146c91}
html[data-theme="light"] .video-tool-main .video-mode-card input:checked+.video-mode-card-body{background:#e9f5fb;border-color:#247fa6;box-shadow:0 0 0 1px #247fa633}
html[data-theme="light"] .video-tool-main .video-modes input[type=range]{background:linear-gradient(to right,#247fa6 var(--duration-progress,0%),#cbd9e9 var(--duration-progress,0%))}
html[data-theme="light"] .video-tool-main .video-modes input[type=range]::-webkit-slider-thumb{background:#247fa6;border-color:#fff}
html[data-theme="light"] .video-tool-main .video-modes input[type=range]::-moz-range-thumb{background:#247fa6;border-color:#fff}
html[data-theme="light"] .video-tool-main .video-generate-button{background:#176c95 linear-gradient(110deg,#176c95,#2e63c4);color:#fff;border-color:#256fa2;box-shadow:0 4px 18px #226ca52a}
html[data-theme="light"] .video-tool-main .video-generate-button:hover{filter:brightness(.96)}
html[data-theme="light"] .video-tool-main button:disabled{opacity:1;background:#e7edf5;color:#5d6c80;border-color:#bccbde;box-shadow:none}
html[data-theme="light"] .video-tool-main :is(.video-task-visual,.image-task-visual,.image-creation-visual){background:radial-gradient(ellipse at center,#edf5fc,#e1ebf6);border-color:#d9e3ef}
html[data-theme="light"] .video-tool-main .video-task-visual.failed{background:linear-gradient(145deg,#fff2f5,#f1e8ef)}
html[data-theme="light"] .video-tool-main :is(.video-task-placeholder,.video-task-placeholder>span,.video-empty h3){color:#49647e}
html[data-theme="light"] .video-tool-main :is(.video-task-actions,.image-task-actions,.video-task-error,.video-pagination){border-color:#d9e3ef}
html[data-theme="light"] .video-tool-main :is(.video-task-actions a,.video-task-actions button,.video-task-publish button,.image-task-actions a,.image-task-body>a){color:#14638e;border-color:#d9e3ef}
html[data-theme="light"] .video-tool-main :is(.video-task-delete button,.image-task-delete button){background:#fff0f2;border-color:#d8a8b6;color:#a32f49}
html[data-theme="light"] .video-tool-main :is(.video-task-download-icon,.image-task-download-icon,.image-task-restore){background:#f0f7fd;color:#14638e;border-color:#a6bdd6}
html[data-theme="light"] .video-tool-main :is(.video-task-download-icon,.image-task-download-icon):hover{background:#dceef9;border-color:#247fa6}
html[data-theme="light"] .video-tool-main :is(.video-task-error,.video-drop-error,.image-reference-error){color:#a32f49}
html[data-theme="light"] .video-tool-main :is(.video-task-wait,.image-creation-progress,.image-creation-status){color:#365f7e}
html[data-theme="light"] .video-tool-main .image-creation-track{background:#ccdae9}
html[data-theme="light"] .video-tool-main :is(.image-pagination a,.video-pagination-links>a,.video-pagination-links>span){background:#fff;border-color:#b8c9de;color:#365775}
html[data-theme="light"] .video-tool-main :is(.image-pagination a[aria-current=page],.video-pagination-links>.is-current){background:#176c95;border-color:#176c95;color:#fff}
html[data-theme="light"] .video-tool-main :is(.image-pagination a:hover,.video-pagination-links>a:hover){background:#e1f0f8;border-color:#247fa6;color:#14638e}
html[data-theme="light"] .video-tool-main :is(.video-studio-banner,.image-studio-banner){background:radial-gradient(ellipse at right,#d8eef6,transparent 70%),linear-gradient(115deg,#f1f8fc,#e7effb);border-color:#c4d8e9}
html[data-theme="light"] .video-tool-main .video-orbit i{border-color:#247fa670;box-shadow:none}
html[data-theme="light"] .video-description-dialog{background:#fff;color:#21324b;border-color:#b8c9de}
html[data-theme="light"] .video-description-dialog::backdrop{background:#162c4b66}
html[data-theme="light"] .video-tool-main :is(button,a,summary,input):focus-visible{outline:2px solid #247fa6;outline-offset:3px}

/* Keep image pagination at the foot of the library, with records scrolling above it. */
.image-tool-main #image-history{display:flex;flex-direction:column}
.image-tool-main #image-history>.video-library-heading{flex:none}
.image-tool-main #image-history>.image-tool-grid{align-content:start;align-items:start;grid-auto-rows:max-content;order:0}
.image-tool-main #image-history>.image-pagination{flex:none;order:10;margin-top:auto;padding-top:16px}
@media(min-width:1050px){
 .image-tool-main #image-history{overflow:hidden}
 .image-tool-main #image-history>.image-tool-grid{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 .image-tool-main #image-history>.video-empty{flex:1;min-height:0}
}

html[data-theme="light"] .video-description-heading{border-color:#d9e3ef}
html[data-theme="light"] .video-description-heading button{background:#edf4fb;color:#365775;border-color:#b8c9de}

html[data-theme="light"] .video-tool-main .video-description-hint{color:#14638e}