/* Local workspace surfaces must follow the shell's live theme attribute. */
html[theme-mode=light]{
 --ufox-text:#17212b;
 --ufox-muted:#52616e;
 --ufox-border:#c8d0d6;
 --ufox-surface:#fff;
 --ufox-subtle:#edf1f4;
 --ufox-link:#36590d;
 --ufox-success:#176535;
 --ufox-error:#9b2441;
 --ufox-warning:#79520b;
 --ufox-active:#075c80;
}
html[theme-mode=light] :is(.ufox-workspace,.ufox-live){color:var(--ufox-text);--border:var(--ufox-border);color-scheme:light}
html[theme-mode=light] :is(.ufox-workspace,.ufox-live) :is(h1,h2,h3,strong,legend,summary){color:var(--ufox-text)}
html[theme-mode=light] :is(.ufox-workspace,.ufox-live) :is(label,small,.ufox-counter,.ufox-page-heading>span,.ufox-empty p,.ufox-guide p,.ufox-guide li,.ufox-form-actions>span,.ufox-live-empty,.ufox-live-prompt-meta,.ufox-live-job details,.pool-admin-health,.ufox-recent-prompt,.ufox-recent-order small,.ufox-order-elapsed,.creator-media-item>span){color:var(--ufox-muted)}
html[theme-mode=light] :is(#creatorOptimizeHelp,#creatorPriceGuide,#creatorNotice){color:var(--ufox-muted)}
html[theme-mode=light] :is(.ufox-workspace,.ufox-live) :is(textarea,select,input:not([type=checkbox]):not([type=radio]):not([type=file])){
 background:var(--ufox-surface);color:var(--ufox-text);border-color:#8d9ba6;color-scheme:light;
}
html[theme-mode=light] :is(.ufox-workspace,.ufox-live) :is(textarea,input)::placeholder{color:#626e79;opacity:1}
html[theme-mode=light] :is(.ufox-workspace,.ufox-live) :is(button,.creator-upload,.ufox-upload,.ufox-empty a){background:var(--ufox-surface);color:#344451;border-color:#9ba9b3}
html[theme-mode=light] :is(.ufox-workspace,.ufox-live) :is(button,.creator-upload,.ufox-upload):hover:not(:disabled){background:#e9eff3}
html[theme-mode=light] :is(.ufox-workspace,.ufox-live) :is(button,textarea,input,select):focus-visible{outline-color:#3672b6}
html[theme-mode=light] :is(.ufox-live .ufox-live-primary,.ufox-workspace .ufox-form-actions button:not(:disabled)){background:#45691a;color:#fff;border-color:#45691a}
html[theme-mode=light] :is(.ufox-live .ufox-live-primary,.ufox-workspace .ufox-form-actions button):hover:not(:disabled){background:#355311;color:#fff}
html[theme-mode=light] :is(.ufox-live-heading a,.ufox-live-job a,.ufox-order-details,.ufox-live-tasks .ufox-all-orders){color:var(--ufox-link)}
html[theme-mode=light] :is(.pool-price-grid span,.ufox-live-rate p,.pool-table-scroll th){color:var(--ufox-muted)}
html[theme-mode=light] :is(.pool-price-grid strong,.ufox-live-rate>strong,.ufox-live-submit strong){color:#43640e}
html[theme-mode=light] .ufox-live-submit small{color:var(--ufox-muted)}
html[theme-mode=light] .ufox-live .seedance-tab{background:transparent;color:var(--ufox-muted);border-color:transparent}
html[theme-mode=light] .ufox-live .seedance-tab.active{background:#edf5df;color:#36590d;border-color:#9db873}
html[theme-mode=light] .ufox-live .seedance-add{background:#fff;color:var(--ufox-muted);border-color:#9ba9b3}
html[theme-mode=light] .ufox-live .seedance-add:disabled{background:#edf1f4}
html[theme-mode=light] .ufox-live :is(.seedance-add,.icon-button) img{filter:none;opacity:.8}
html[theme-mode=light] .ufox-live :is(.seedance-attachment-label,.seedance-attachment-limit,.seedance-selected-asset>span){color:var(--ufox-muted)}
html[theme-mode=light] .ufox-live .seedance-selected-asset{background:#edf1f4;border-color:#b6c2cb}
html[theme-mode=light] .ufox-live :is(.seedance-selected-asset>img,.seedance-selected-asset>video,.creator-media-item img,.creator-media-item video){background:#e5eaee}
html[theme-mode=light] :is(.pool-price-grid,.ufox-live-rate,.ufox-live-submit,.ufox-live-tasks,.ufox-live-job,.ufox-recent-order,.ufox-live .seedance-tabs,.ufox-live-night,.night-card,.pool-admin-section,.pool-admin-form fieldset,.pool-table-scroll th,.pool-table-scroll td,.pool-admin-section details,.creator-media-item,#creatorOptimize,.ufox-form,.ufox-form-actions,.ufox-empty,.ufox-guide article){border-color:var(--ufox-border)}
html[theme-mode=light] .ufox-motion-creator .creator-media-section{border-color:#94a5b1}
html[theme-mode=light] :is(.ufox-motion-slot,.ufox-motion-slot input){background:#edf1f4;color:var(--ufox-muted);border-color:#94a5b1}
html[theme-mode=light] :is(.ufox-state,.pool-compose #poolSuggestions button){color:#36590d;background:#edf5df;border-color:#9db873}
html[theme-mode=light] :is(#poolMessage,#adminMessage,#creatorMessage,#liveMessage,#seedanceStatus,.ufox-live .ufox-live-error,.night-card .task-error){color:var(--ufox-error)}
html[theme-mode=light] .night-card h3{color:var(--ufox-link)}
html[theme-mode=light] :is(.ufox-order-status.success,.ufox-attempt-status.success,.ufox-live-state.completed){color:var(--ufox-success);background:#eaf7ee;border-color:#72a985}
html[theme-mode=light] :is(.ufox-order-status.error,.ufox-attempt-status.error,.ufox-live-state.failed,.ufox-live-state.refunded){color:var(--ufox-error);background:#fff0f2;border-color:#cb8797}
html[theme-mode=light] :is(.ufox-order-status.warning,.ufox-attempt-status.warning,.ufox-live-state.awaiting_retry){color:var(--ufox-warning);background:#fff5da;border-color:#bf9a4a}
html[theme-mode=light] :is(.ufox-order-status.active,.ufox-attempt-status.active,.ufox-live-state){color:var(--ufox-active);background:#e9f6ff;border-color:#6babc6}
html[theme-mode=light] .ufox-order-status.neutral{color:#4e5b66;background:#edf1f4;border-color:#9fadb7}
html[theme-mode=light] .ufox-live-job .ufox-order-reason.error{color:var(--ufox-error)}
html[theme-mode=light] .ufox-live-job .ufox-order-reason.warning{color:var(--ufox-warning)}
html[theme-mode=light] .ufox-live-job .ufox-order-reason.success{color:var(--ufox-success)}
html[theme-mode=light] :is(.ufox-progress-caption,.ufox-live-job .ufox-motion-billing){color:var(--ufox-active)}
html[theme-mode=light] .ufox-progress-caption .ufox-order-elapsed{color:var(--ufox-muted)}
html[theme-mode=light] .ufox-order-track{background:#d5e3eb}
html[theme-mode=light] .ufox-order-track>span{background:#187ca3}
html[theme-mode=light] :is(.ufox-order-explanation dt,.ufox-recent-order .ufox-recent-notice){color:var(--ufox-warning)}
html[theme-mode=light] .ufox-order-explanation dd{color:#394956}
html[theme-mode=light] .menu .item.ufox-tasks-running{background:#fff0f2!important;color:#a32742!important}
html[theme-mode=light] .menu .item.ufox-tasks-running .icon{color:#a32742;filter:none}
html[theme-mode=light] .home-mobile-toggle.ufox-tasks-running{color:#a32742!important;border-color:#a32742!important}
html[theme-mode=light] .menu .item:not(.ufox-tasks-running) .icon{color:#52616e}
html[theme-mode=light] :is(.seedance-picker,.night-dialog,.generation-confirmation,#preview-dialog){color:var(--ufox-text);background:#fff;border-color:#94a5b1;color-scheme:light}
html[theme-mode=light] :is(.seedance-picker,.night-dialog,.generation-confirmation,#preview-dialog)::backdrop{background:#14212d66}
html[theme-mode=light] :is(.seedance-picker,.night-dialog,.generation-confirmation,#preview-dialog) :is(button,input,select){background:#fff;color:#344451;border-color:#9ba9b3}
html[theme-mode=light] :is(.seedance-picker,.night-dialog,.generation-confirmation,#preview-dialog) :is(h2,h3,dd,strong){color:var(--ufox-text)}
html[theme-mode=light] :is(.night-fields>label,.night-specs dt,.night-dialog .muted,.generation-confirmation dt,#preview-dialog p){color:var(--ufox-muted)}
html[theme-mode=light] :is(.night-status,.generation-confirmation .confirmation-warning){color:var(--ufox-error)}
html[theme-mode=light] .night-authorization{color:#394956}
html[theme-mode=light] #liveNightCount{color:var(--ufox-link)}
html[theme-mode=light] .motion-asset{background:#edf1f4;color:#344451;border-color:#9ba9b3}
html[theme-mode=light] :is(.motion-asset.selected,.night-dialog input:focus-visible,.night-dialog select:focus-visible,.night-dialog button:focus-visible){outline-color:#3672b6}
html[theme-mode=light] :is(.night-dialog-actions .generate,.generation-confirmation .confirmation-submit,#preview-dialog .preview-primary){background:#45691a;color:#fff;border-color:#45691a}
html[theme-mode=light] .ufox-footer{color:var(--ufox-muted);border-color:var(--ufox-border)}
html[theme-mode=light] .ufox-footer :is(p,a,.ufox-footer-bottom){color:var(--ufox-muted)}
html[theme-mode=light] .ufox-footer :is(h3,.ufox-footer-brand){color:var(--ufox-text)!important}
html[theme-mode=light] .ufox-footer a:hover{color:var(--ufox-link)}
html[theme-mode=light] .ufox-footer-bottom{border-color:var(--ufox-border)}