@media(min-width:769px){
html[data-ava-editor-theme] {--ava-bg:#0e0e10;--ava-panel:#141416;--ava-surface:#1c1c1f;--ava-stroke:#353238;--ava-text:#f8f2f1;--ava-muted:#aaa2a4;--ava-accent:#e4a3b7;--ava-button:#dc8ca6;--ava-active:#292226;}
html[data-ava-editor-theme="light"] {--ava-bg:#f1edeb;--ava-panel:#fffdfa;--ava-surface:#f7f3f1;--ava-stroke:#e4d9d5;--ava-text:#292224;--ava-muted:#776b6c;--ava-accent:#bd627f;--ava-button:#cf829c;--ava-active:#fae9ec;}
html[data-ava-editor-theme] #fotor-root .esg-topbar{background:var(--ava-panel)!important;border-color:var(--ava-stroke)!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .esg-topbar__right{padding-left:43px!important}
html[data-ava-editor-theme] #fotor-root .esg-topbar :is(.esg-topbar__brand-text,.esg-nav__link,.esg-lang__toggle,.esg-balance,.esg-auth--account){color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .esg-topbar :is(.esg-auth--account,.esg-lang__toggle){background:var(--ava-surface)!important;border-color:var(--ava-stroke)!important}
html[data-ava-editor-theme] #fotor-root .esg-topbar .esg-auth--primary{background:var(--ava-button)!important;border-color:var(--ava-button)!important;color:#211419!important;box-shadow:none!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile){background:var(--ava-bg)!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .workspace{background:var(--ava-bg)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) :is(.left-rail,.right-gallery){background:var(--ava-panel)!important;border-color:var(--ava-stroke)!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-rail :is(.rail-btn,.rail-toggle){background:transparent!important;border-color:transparent!important;color:var(--ava-muted)!important;box-shadow:none!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-rail .rail-btn :is(.rail-label,.rail-ico){color:var(--ava-muted)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-rail .rail-btn:is(.active,.sg299-tools-active){background:var(--ava-active)!important;border-color:var(--ava-stroke)!important;box-shadow:inset 2px 0 var(--ava-accent)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-rail .rail-btn:is(.active,.sg299-tools-active) :is(.rail-label,.rail-ico){color:var(--ava-accent)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .workspace :is(.qt-btn,.ws-action,.fc-btn),html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .right-gallery .rg-add{background:var(--ava-surface)!important;border-color:var(--ava-stroke)!important;color:var(--ava-text)!important;box-shadow:none!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .workspace .qt-btn__price{background:var(--ava-active)!important;color:var(--ava-muted)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .workspace .ws-float-controls{background:var(--ava-panel)!important;border-color:var(--ava-stroke)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .right-gallery .rg-item.active{border-color:var(--ava-accent)!important;box-shadow:0 0 0 1px var(--ava-accent)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .workspace :is(.upload-zone,.dropzone){background:var(--ava-panel)!important;border-color:var(--ava-stroke)!important;color:var(--ava-text)!important}
/* The outfit panel is the first tool in the new design system. */
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit{background:var(--ava-panel)!important;border:1px solid var(--ava-stroke)!important;border-radius:14px!important;color:var(--ava-text)!important;box-shadow:none!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit :is(.left-panel-header,.left-panel-body,.ai-hair-footer){background:var(--ava-panel)!important;border-color:var(--ava-stroke)!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .lp-title{font-family:Georgia,serif!important;font-size:21px!important;font-weight:600!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit :is(.lp-subtitle,.ai-hair-help,.ai-hair-footer-hint){color:var(--ava-muted)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit :is(.lp-back,.lp-close,.ai-hair-tab,.sg-action-card,.hair-color-open,.color-dd-trigger,select){background:var(--ava-surface)!important;border-color:var(--ava-stroke)!important;color:var(--ava-text)!important;box-shadow:none!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-tab.active{color:var(--ava-accent)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-tab.active::after{background:var(--ava-accent)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit :is(.ai-hair-tile,.sg-action-card){border-color:var(--ava-stroke)!important;box-shadow:none!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-run{background:var(--ava-button)!important;border-color:var(--ava-button)!important;color:#27141b!important;box-shadow:none!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-run:disabled{opacity:.55!important}
.ava-theme-switch{position:fixed;z-index:10030;display:grid;place-items:center;width:34px;height:34px;padding:7px;border:1px solid var(--ava-stroke);border-radius:9px;background:var(--ava-surface);color:var(--ava-text);cursor:pointer}
.ava-theme-switch svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ava-theme-switch:hover{border-color:var(--ava-accent)}.ava-theme-switch:focus-visible{outline:2px solid var(--ava-accent);outline-offset:2px}
}
@media(max-width:768px){.ava-theme-switch{display:none!important}}
@media(min-width:769px){
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-rail .rail-btn:not(.active):not(.sg299-tools-active),html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-rail .rail-toggle{background:transparent!important;border-color:transparent!important;color:var(--ava-muted)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .left-panel-body,html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit :is(.lp-tool-page,.ai-hair-page,.ai-hair-top,.ai-hair-scroll,.ai-hair-grid){background:var(--ava-panel)!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit :is(.color-dd,.color-dd-row){background:var(--ava-surface)!important;border-color:var(--ava-stroke)!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit :is(.sg-action-card__title,.color-dd-label){color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .sg-action-card{background:var(--ava-panel)!important;border-color:var(--ava-stroke)!important}
}
@media(min-width:769px){
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .workspace :is(.qt-btn,.ws-action,.fc-btn):disabled{color:#6e6265!important;opacity:.72!important}
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .workspace :is(.upload-zone,.dropzone) :is(p,span,strong,div){color:#65585d!important}
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .right-gallery :is(.rg-header,.rg-title){color:#5f5055!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit :is(.color-dd-menu,.color-dd-list,.color-dd-item){background:var(--ava-surface)!important;border-color:var(--ava-stroke)!important;color:var(--ava-text)!important}
}
/* Desktop outfit panel: image cards and controls follow the approved studio mockups. */
@media(min-width:769px){
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-grid > .sg-action-card.sg-desktop-preset-choice{grid-column:1/-1!important;min-height:44px!important;padding:8px 10px!important;border-radius:8px!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-grid > .sg-action-card.sg-desktop-preset-choice .sg-action-card__icon{width:26px!important;min-width:26px!important;height:26px!important;background:transparent!important;color:var(--ava-accent)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-tile.sg-desktop-preset-choice{height:155px!important;min-height:155px!important;border-radius:8px!important;border-color:var(--ava-stroke)!important;background:var(--ava-panel)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-tile.sg-desktop-preset-choice .ai-hair-thumb{bottom:28px!important;height:calc(100% - 28px)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-tile.sg-desktop-preset-choice .ai-hair-title{inset:auto 0 0!important;min-height:28px!important;max-height:28px!important;border-radius:0!important;background:var(--ava-surface)!important;color:var(--ava-text)!important;text-shadow:none!important;font-family:Georgia,serif!important;font-size:10px!important;line-height:1.1!important;font-weight:600!important;padding:4px!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-tile.sg-desktop-preset-choice[aria-pressed="true"]{border-color:var(--ava-accent)!important;box-shadow:0 0 0 1px var(--ava-accent)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit :is(.ai-hair-footer,.ai-hair-top){border-color:var(--ava-stroke)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-run{border-radius:8px!important;font-size:12px!important}
}
@media(min-width:769px){
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-tile.sg-desktop-preset-choice{height:166px!important;min-height:166px!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-tile.sg-desktop-preset-choice .ai-hair-thumb{bottom:36px!important;height:calc(100% - 36px)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-tile.sg-desktop-preset-choice .ai-hair-title{min-height:36px!important;max-height:36px!important;font-size:11px!important;line-height:1.15!important}
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .workspace .qt-btn:disabled :is(span,strong),html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .workspace .ws-action:disabled :is(span,strong){color:#76676b!important;opacity:1!important}
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .workspace :is(.upload-zone,.dropzone) :is(h1,h2,h3,h4,strong){color:#564b4e!important}
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .right-gallery .rg-header{color:#65585d!important}
}
/* Desktop panel theme system. Desktop only; do not change mobile. */
@media(min-width:769px){
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel{background:var(--ava-panel)!important;border:1px solid var(--ava-stroke)!important;border-radius:14px!important;color:var(--ava-text)!important;box-shadow:none!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.left-panel-header,.left-panel-body,.lp-tool-page,.ai-hair-page,.ai-hair-top,.ai-hair-scroll,.ai-hair-grid,.ai-hair-footer,.ai-correction-footer,.ai-styles-page,.ai-agent-page,.mobile-tool-footer,.product-creative-footer){background:var(--ava-panel)!important;border-color:var(--ava-stroke)!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .lp-title{font-family:Georgia,serif!important;font-size:21px!important;font-weight:600!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.lp-subtitle,.ai-hair-help,.ai-hair-footer-hint,.sg-action-card__desc){color:var(--ava-muted)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.lp-back,.lp-close,.ai-hair-tab,.ai-styles-tab,.sg-action-card,.hair-color-open,.color-dd-trigger,.color-dd-menu,.color-dd-list,.color-dd-item,select,input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea){background:var(--ava-surface)!important;border-color:var(--ava-stroke)!important;color:var(--ava-text)!important;box-shadow:none!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(select option){background:var(--ava-panel)!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(input,textarea)::placeholder{color:var(--ava-muted)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.ai-hair-tab.active,.ai-styles-tab.active){color:var(--ava-accent)!important;border-color:var(--ava-accent)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tab.active::after{background:var(--ava-accent)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.sg-action-card__title,.color-dd-label){color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.ai-hair-run,.ai-correction-run,.remove-bg-btn,.upscale-btn,.ai-agent__run,.ti-generate){background:var(--ava-button)!important;border-color:var(--ava-button)!important;color:#27141b!important;box-shadow:none!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.ai-hair-run,.ai-correction-run,.remove-bg-btn,.upscale-btn,.ai-agent__run,.ti-generate):disabled{opacity:.55!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-grid > .sg-action-card.sg-desktop-preset-choice{grid-column:1/-1!important;min-height:44px!important;padding:8px 10px!important;border-radius:8px!important;background:var(--ava-panel)!important;border-color:var(--ava-stroke)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tile.sg-desktop-preset-choice{height:166px!important;min-height:166px!important;border-radius:8px!important;border-color:var(--ava-stroke)!important;background:var(--ava-panel)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tile.sg-desktop-preset-choice .ai-hair-thumb{bottom:36px!important;height:calc(100% - 36px)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tile.sg-desktop-preset-choice .ai-hair-title{inset:auto 0 0!important;min-height:36px!important;max-height:36px!important;border-radius:0!important;background:var(--ava-surface)!important;color:var(--ava-text)!important;text-shadow:none!important;font-family:Georgia,serif!important;font-size:11px!important;line-height:1.15!important;font-weight:600!important;padding:4px!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tile.sg-desktop-preset-choice[aria-pressed="true"]{border-color:var(--ava-accent)!important;box-shadow:0 0 0 1px var(--ava-accent)!important}
}
@media(min-width:769px){
/* Long translated preset names need wider cards; do not crop preset photos. */
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel:not(.left-panel--tool-ai-outfit) .ai-hair-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel:not(.left-panel--tool-ai-outfit) .ai-hair-tile.sg-desktop-preset-choice{height:206px!important;min-height:206px!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tile.sg-desktop-preset-choice .ai-hair-thumb img{object-fit:contain!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tile.sg-desktop-preset-choice .ai-hair-title{overflow-wrap:normal!important;word-break:normal!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.ai-styles-top,.ai-correction-page,.ai-correction-scroll,.ai-agent,.text-image-page,.color-dd,.color-dd-row,.sg-face-swap-upload-card,.sg-face-swap-quality,.sg-face-swap-consent){background:var(--ava-panel)!important;border-color:var(--ava-stroke)!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.ti-head,.ti-mode-note,.ti-help,.ti-field,.ava-create-presets-head,.ai-agent__label,.ai-agent__hint,.ai-hair-color-label,.ai-correction-intro,.sg-face-swap-consent,.sg-face-swap-quality,.sg-face-swap-upload-card,.sg-action-card__title){color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.ti-head,.ti-mode-note,.ti-help,.ti-field,.ava-create-presets-head,.ai-agent__label,.ai-agent__hint,.ai-correction-intro,.sg-face-swap-consent,.sg-face-swap-quality,.sg-face-swap-upload-card) :is(span,strong,p,div){color:inherit!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.ai-refs-btn,.ti-secondary,.ava-create-presets-controls button){background:var(--ava-surface)!important;color:var(--ava-text)!important;border:1px solid var(--ava-stroke)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.ai-hair-footer,.ai-agent__footer,.ai-correction-footer) :is(small,p,span){color:var(--ava-muted)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-face-swap .ai-hair-top > div > .ai-hair-title{display:none!important}
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.ai-hair-run,.ai-correction-run,.remove-bg-btn,.upscale-btn,.ai-agent__run,.ti-generate):disabled{opacity:1!important;background:#e4cfD6!important;color:#6d5960!important;border-color:#d7bec6!important}
}
@media(min-width:769px){
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tile.sg-desktop-preset-choice{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-self:start!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tile.sg-desktop-preset-choice .ai-hair-thumb{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;flex:none!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tile.sg-desktop-preset-choice .ai-hair-thumb img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tile.sg-desktop-preset-choice .ai-hair-title{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;height:auto!important;min-height:36px!important;max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important}
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.ti-head p,.ti-help,.ai-agent__hint,.ai-agent__label,.ai-correction-intro,.ai-correction-intro div,.ai-correction-intro strong,.ai-hair-color-label,.ai-hair-footer,.ai-agent__footer,.ai-correction-footer){color:#675b5d!important}
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-add-person :is(strong,p,span,small){color:#675b5d!important}
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.ai-hair-run,.ai-correction-run,.remove-bg-btn,.upscale-btn,.ai-agent__run,.ti-generate):disabled *{color:#6d5960!important;opacity:1!important}
}
@media(min-width:769px){html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tile.sg-desktop-preset-choice .ai-hair-thumb{aspect-ratio:auto!important;}}
@media(min-width:769px){html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel:not(.left-panel--tool-ai-outfit) .ai-hair-tile.sg-desktop-preset-choice,html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-tile.sg-desktop-preset-choice{height:auto!important;min-height:0!important;aspect-ratio:auto!important}}
@media(min-width:769px){
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .left-panel .sg-add-person-page .sg-add-person-reference :is(.ai-refs-title,.sg-add-person-reference__hint){color:#65585d!important}
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .left-panel .sg306-create-flow > .ti-head.sg306-create-note :is(p,span,div){color:#65585d!important}
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .left-panel [data-sg-disabled-reason].sg-action-has-reason::before{color:#756568!important}
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.ai-hair-run,.ai-correction-run,.ai-agent__run,.ti-generate):disabled{color:#6d5960!important;opacity:1!important}
}
@media(min-width:769px){
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.tool-upscale .tool-description,.tool-upscale .upscale-label,.tool-remove-bg .tool-description){color:#65585d!important}
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.lp-cat-search,.lp-catalog-search,.lp-search,.sg-safe-tool-search){background:var(--ava-surface)!important;color:var(--ava-text)!important;border-color:var(--ava-stroke)!important}
}
/* Desktop refinement: align cards, make long labels readable, emphasize portrait previews. */
@media(min-width:769px){
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-grid{align-items:stretch!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tile.sg-desktop-preset-choice{align-self:stretch!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tile.sg-desktop-preset-choice .ai-hair-title{box-sizing:border-box!important;width:100%!important;flex:1 0 auto!important;min-height:40px!important;padding:6px 5px!important;overflow-wrap:anywhere!important;word-break:normal!important;font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;font-size:11px!important;font-weight:600!important;line-height:1.25!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) :is(.left-panel--tool-ai-hair,.left-panel--tool-ai-beard,.left-panel--tool-ai-age,.left-panel--tool-ai-emotion,.left-panel--tool-ai-makeup) .ai-hair-tile.sg-desktop-preset-choice .ai-hair-thumb{aspect-ratio:4/3!important;height:auto!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) :is(.left-panel--tool-ai-hair,.left-panel--tool-ai-beard,.left-panel--tool-ai-age,.left-panel--tool-ai-emotion,.left-panel--tool-ai-makeup) .ai-hair-tile.sg-desktop-preset-choice .ai-hair-thumb img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tabs{gap:18px!important;border-bottom:1px solid var(--ava-stroke)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-top .ai-hair-tabs .ai-hair-tab{padding:8px 0!important;background:transparent!important;border:0!important;color:var(--ava-muted)!important;font-size:12px!important;font-weight:600!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-top .ai-hair-tabs .ai-hair-tab.active{color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-grid > .sg-action-card.sg-desktop-preset-choice{min-height:48px!important;gap:10px!important;padding:9px 10px!important;background:var(--ava-surface)!important;border:1px solid var(--ava-stroke)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-grid > .sg-action-card.sg-desktop-preset-choice .sg-action-card__title{color:var(--ava-text)!important;font-size:12px!important;line-height:1.3!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.ai-hair-footer,.ai-correction-footer){padding:12px!important;gap:8px!important;border-top:1px solid var(--ava-stroke)!important}
html[data-ava-editor-theme="dark"] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.ai-hair-run,.ai-correction-run,.ai-agent__run,.ti-generate):disabled{opacity:1!important;background:#3c3035!important;border-color:#56464c!important;color:#c4b4bb!important}
html[data-ava-editor-theme="dark"] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.ai-hair-run,.ai-correction-run,.ai-agent__run,.ti-generate):disabled *{color:#c4b4bb!important;opacity:1!important}
}
@media(min-width:769px){
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tile.sg-desktop-preset-choice .ai-hair-title{min-height:42px!important;padding:7px 8px!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:auto!important}
}
/* Desktop preset galleries: compact three-column rhythm based on the approved mockup. */
@media(min-width:769px){
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) :is(.left-panel--tool-ai-outfit,.left-panel--tool-ai-pose,.left-panel--tool-ai-body) .ai-hair-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;align-items:stretch!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) :is(.left-panel--tool-ai-outfit,.left-panel--tool-ai-pose,.left-panel--tool-ai-body) .ai-hair-grid > .ai-hair-tile.sg-desktop-preset-choice{grid-column:span 2!important;border-radius:7px!important;overflow:hidden!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-hair-grid > .sg-action-card.sg-desktop-preset-choice{grid-column:span 3!important;min-height:48px!important;gap:4px!important;padding:7px 6px!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-pose .ai-hair-grid > .sg-action-card.sg-desktop-preset-choice{grid-column:1/-1!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) :is(.left-panel--tool-ai-outfit,.left-panel--tool-ai-pose,.left-panel--tool-ai-body) .ai-hair-tile.sg-desktop-preset-choice .ai-hair-thumb{position:relative!important;aspect-ratio:1/1.13!important;height:auto!important;overflow:hidden!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) :is(.left-panel--tool-ai-outfit,.left-panel--tool-ai-pose,.left-panel--tool-ai-body) .ai-hair-tile.sg-desktop-preset-choice .ai-hair-thumb img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 30%!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) :is(.left-panel--tool-ai-outfit,.left-panel--tool-ai-pose,.left-panel--tool-ai-body) .ai-hair-tile.sg-desktop-preset-choice .ai-hair-title{font-size:10px!important;min-height:34px!important;padding:5px 4px!important;line-height:1.2!important;overflow-wrap:anywhere!important;word-break:normal!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) :is(.left-panel--tool-ai-outfit,.left-panel--tool-ai-pose,.left-panel--tool-ai-body) .ai-hair-grid > .sg-action-card.sg-desktop-preset-choice .sg-action-card__title{font-size:11px!important;line-height:1.2!important;overflow-wrap:anywhere!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tile.sg-desktop-preset-choice:is(.active,.selected,.is-selected,[aria-pressed="true"]){border:1px solid var(--ava-accent)!important;box-shadow:inset 0 0 0 1px var(--ava-accent)!important;outline:0!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-tile.sg-desktop-preset-choice:is(.active,.selected,.is-selected,[aria-pressed="true"])::before{background:var(--ava-accent)!important;border-color:var(--ava-accent)!important;color:#fff!important}
}
@media(min-width:769px){
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel:is(.left-panel--tool-ai-outfit,.left-panel--tool-ai-pose,.left-panel--tool-ai-body):not(.left-panel--unused) .ai-hair-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel:is(.left-panel--tool-ai-outfit,.left-panel--tool-ai-pose,.left-panel--tool-ai-body) .ai-hair-grid .ai-hair-tile.sg-desktop-preset-choice .ai-hair-thumb img{object-position:center top!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-grid .ai-hair-tile.sg-desktop-preset-choice:is(.active,.selected,.is-selected,[aria-pressed="true"]){border-color:var(--ava-accent)!important;box-shadow:inset 0 0 0 1px var(--ava-accent)!important;outline-color:var(--ava-accent)!important}
}
/* Desktop search lives outside the React root; style it using the active theme. */
@media(min-width:769px){
html[data-ava-editor-theme] body > .sg312-tool-search-portal .sg312-tool-search-field{height:40px!important;padding:0 11px!important;gap:9px!important;background:var(--ava-surface)!important;border:1px solid var(--ava-stroke)!important;border-radius:9px!important;color:var(--ava-muted)!important;box-shadow:none!important}
html[data-ava-editor-theme] body > .sg312-tool-search-portal .sg312-tool-search-field:focus-within{border-color:var(--ava-accent)!important;box-shadow:0 0 0 2px rgba(189,98,127,.14)!important}
html[data-ava-editor-theme] body > .sg312-tool-search-portal input{height:38px!important;background:transparent!important;color:var(--ava-text)!important;font:500 13px/38px system-ui,-apple-system,'Segoe UI',sans-serif!important}
html[data-ava-editor-theme] body > .sg312-tool-search-portal input::placeholder{color:var(--ava-muted)!important;opacity:1!important}
html[data-ava-editor-theme] body > .sg312-tool-search-portal .sg312-tool-search-clear{color:var(--ava-muted)!important}
html[data-ava-editor-theme] body > .sg312-tool-search-portal .sg312-tool-search-empty{background:var(--ava-panel)!important;color:var(--ava-muted)!important}
/* Gender tabs: understated tabs with a single active underline. */
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-page .ai-hair-top .ai-hair-tabs{display:flex!important;align-items:stretch!important;gap:22px!important;padding:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--ava-stroke)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-page .ai-hair-top .ai-hair-tabs .ai-hair-tab{position:relative!important;margin:0!important;padding:10px 1px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--ava-muted)!important;font:500 12px/1.25 system-ui,-apple-system,'Segoe UI',sans-serif!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-page .ai-hair-top .ai-hair-tabs .ai-hair-tab.active{background:transparent!important;color:var(--ava-accent)!important;font-weight:650!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-hair-page .ai-hair-top .ai-hair-tabs .ai-hair-tab.active::after{background:var(--ava-accent)!important;height:2px!important;bottom:-1px!important}
/* Explicit text colours for light surfaces: enabled, disabled and expanded controls. */
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .workspace .qt-btn .qt-btn__text{color:#493d41!important;opacity:1!important}
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .workspace .qt-btn:disabled .qt-btn__text{color:#76686d!important;opacity:1!important}
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .left-panel :is(.color-dd-chevron,.ai-bg-toggle span){color:#67585d!important}
html[data-ava-editor-theme="light"] #fotor-root .editor-shell:not(.is-mobile) .right-gallery .rg-header::before{color:#67585d!important}
}
@media(min-width:769px){
html[data-ava-editor-theme] body .hair-color-modal--desktop{background:var(--ava-panel)!important;border-color:var(--ava-stroke)!important;color:var(--ava-text)!important;box-shadow:0 16px 48px rgba(0,0,0,.2)!important}
html[data-ava-editor-theme] body .hair-color-modal--desktop :is(.hair-color-modal__title,.hair-color-modal__swatch b){color:var(--ava-text)!important}
html[data-ava-editor-theme] body .hair-color-modal--desktop :is(.hair-color-modal__hint,.hair-color-modal__rgb label){color:var(--ava-muted)!important}
html[data-ava-editor-theme] body .hair-color-modal--desktop :is(.hair-color-modal__swatch,.hair-color-modal__close,.hair-color-modal__rgb){background:var(--ava-surface)!important;border-color:var(--ava-stroke)!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] body .hair-color-modal--desktop .hair-color-modal__swatch.active{background:var(--ava-active)!important;border-color:var(--ava-accent)!important}
html[data-ava-editor-theme] body .hair-color-modal--desktop .hair-color-modal__apply{background:var(--ava-button)!important;border-color:var(--ava-button)!important;color:#28181d!important;box-shadow:none!important}
}
@media(min-width:769px){
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .hair-color-modal.hair-color-modal--desktop{background:var(--ava-panel)!important;border-color:var(--ava-stroke)!important;color:var(--ava-text)!important;box-shadow:0 16px 48px rgba(0,0,0,.2)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .hair-color-modal.hair-color-modal--desktop :is(.hair-color-modal__title,.hair-color-modal__swatch b){color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .hair-color-modal.hair-color-modal--desktop :is(.hair-color-modal__hint,.hair-color-modal__rgb label){color:var(--ava-muted)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .hair-color-modal.hair-color-modal--desktop :is(.hair-color-modal__swatch,.hair-color-modal__close,.hair-color-modal__rgb){background:var(--ava-surface)!important;border-color:var(--ava-stroke)!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .hair-color-modal.hair-color-modal--desktop .hair-color-modal__swatch.active{background:var(--ava-active)!important;border-color:var(--ava-accent)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .hair-color-modal.hair-color-modal--desktop .hair-color-modal__apply{background:var(--ava-button)!important;border-color:var(--ava-button)!important;color:#28181d!important;box-shadow:none!important}
}

/* Desktop download menu, zoom controls and outfit prompt use the active theme. */
@media(min-width:769px){
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .workspace .ws-download-popup {background:var(--ava-panel)!important;border:1px solid var(--ava-stroke)!important;box-shadow:0 12px 32px rgba(30,20,25,.18)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .workspace .ws-download-popup .ws-download-option {background:var(--ava-surface)!important;border-color:var(--ava-stroke)!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .workspace .ws-download-option__format {color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .workspace .ws-download-option__hint {color:var(--ava-muted)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-btn.fc-btn--zoom[data-role] {color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-refs {background:var(--ava-surface)!important;border:1px solid var(--ava-stroke)!important;color:var(--ava-text)!important;box-shadow:none!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-refs :is(label,.ai-refs-title) {color:var(--ava-muted)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .sg-action-card--prompt.active {border-color:var(--ava-accent)!important;box-shadow:0 0 0 1px var(--ava-accent)!important}
}
/* AI correction always returns PNG; its run action occupies the whole footer. */
#fotor-root .editor-shell .ai-correction-footer > .ai-correction-run {width:100%!important;min-width:0!important;flex:1 1 auto!important}
@media(min-width:769px){#fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-correction-footer {grid-template-columns:minmax(0,1fr)!important}#fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-correction-footer > .ai-correction-run {grid-column:1!important}}

@media(min-width:769px){
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-refs-picked {background:var(--ava-surface)!important;border:0!important;box-shadow:none!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-refs-picked :is(textarea,select):focus {outline:none!important;border-color:var(--ava-accent)!important;box-shadow:0 0 0 1px var(--ava-accent)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .workspace .sg302-download-action .ws-action__icon {color:var(--ava-text)!important}
}

@media(min-width:769px){html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-outfit .ai-refs {border-radius:12px!important;overflow:hidden!important}html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .workspace .sg302-download-action .ws-action__icon :is(.sg-lucide,svg){color:var(--ava-text)!important;stroke:currentColor!important}}

/* Wider desktop studio panel and a three-column tool catalog. */
@media(min-width:769px){
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel{flex:0 0 clamp(370px,38vw,440px)!important;width:clamp(370px,38vw,440px)!important;min-width:370px!important;max-width:440px!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel .lp-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
}

/* AI correction follows the desktop preset-card and footer system. */
@media(min-width:769px){
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-correction .ai-correction-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;align-items:stretch!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-correction .ai-correction-card{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;padding:0!important;overflow:hidden!important;border:1px solid var(--ava-stroke)!important;border-radius:7px!important;background:var(--ava-surface)!important;box-shadow:none!important;transform:none!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-correction .ai-correction-card img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1 / 1.13!important;object-fit:cover!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-correction .ai-correction-card::after{display:none!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-correction .ai-correction-card__content{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:5px 4px!important;background:var(--ava-surface)!important;color:var(--ava-text)!important;text-align:center!important;box-sizing:border-box!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-correction .ai-correction-card__content strong{font:500 10px/1.2 system-ui,-apple-system,'Segoe UI',sans-serif!important;overflow-wrap:anywhere!important;color:var(--ava-text)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-correction .ai-correction-card__content small{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-correction .ai-correction-card:is(:hover,.active,[aria-pressed="true"]){border-color:var(--ava-accent)!important;box-shadow:inset 0 0 0 1px var(--ava-accent)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-correction .ai-correction-footer{padding:12px!important;border-top:1px solid var(--ava-stroke)!important;background:var(--ava-panel)!important}
html[data-ava-editor-theme] #fotor-root .editor-shell:not(.is-mobile) .left-panel--tool-ai-correction .ai-correction-run{border-radius:8px!important;font-size:12px!important}
}

/* Original outfit previews: show the whole portrait on white in the mobile carousel. */
@media(max-width:768px){
#fotor-root .editor-shell.is-mobile .mobile-preset-card .mobile-preset-thumb:has(> img[src*="/outfit/desktop-new/"]){background:#fff!important}
#fotor-root .editor-shell.is-mobile .mobile-preset-card .mobile-preset-thumb > img[src*="/outfit/desktop-new/"]{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#fff!important}
}

/* Temporary image preview shown while holding a mobile preset. */
@media(max-width:768px){
.ava-mobile-hold-preview{position:fixed;z-index:2147483000;inset:0;display:flex;justify-content:center;align-items:center;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:rgba(10,7,12,.76);pointer-events:none}
.ava-mobile-hold-preview__box{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:min(90vw,430px);max-height:76vh;padding:10px;background:#211720;border:1px solid #af738c;border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.45)}
.ava-mobile-hold-preview__box img{display:block;max-width:100%;width:auto;max-height:65vh;object-fit:contain;border-radius:9px;background:#fff}
.ava-mobile-hold-preview__caption{color:#fff;font:600 14px/1.25 system-ui,-apple-system,'Segoe UI',sans-serif;text-align:center;overflow-wrap:anywhere}
}

/* Distribute the four remaining mobile navigation tabs evenly. */
@media(max-width:768px){
#fotor-root .editor-shell.is-mobile .left-rail .rail-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important}
#fotor-root .editor-shell.is-mobile .left-rail .rail-list > .rail-btn{width:100%!important;min-width:0!important;max-width:none!important}
}

/* Mobile outfit color name, swatch, and selected option. */
@media(max-width:768px){
#fotor-root .editor-shell.is-mobile .mtool-top-btn--color[data-av-outfit-color]{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:auto!important;min-width:57px!important;max-width:84px!important;padding:0 6px!important}
#fotor-root .editor-shell.is-mobile .mtool-top-btn--color[data-av-outfit-color] .sg-lucide{display:none!important}
#fotor-root .editor-shell.is-mobile .mtool-top-btn--color[data-av-outfit-color]::before{content:"";display:block;flex:0 0 11px;width:11px;height:11px;border:1px solid #fff9;border-radius:50%;background:var(--ava-outfit-color)}
#fotor-root .editor-shell.is-mobile .mtool-top-btn--color[data-av-outfit-color]::after{content:attr(data-av-outfit-color);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 10px/1.1 system-ui,sans-serif;color:#fff}
#fotor-root .editor-shell.is-mobile .mtool-popover .mtool-popover-item-label{color:#f7eaf1!important;display:block!important}
#fotor-root .editor-shell.is-mobile .mtool-popover .mtool-popover-item.active{background:#51243f!important;border-color:#e779b1!important}
#fotor-root .editor-shell.is-mobile .mtool-popover .mtool-popover-item.active::after{content:"✓";margin-left:auto;color:#f5a2cf;font-size:15px;font-weight:700}
}

@media(max-width:768px){#fotor-root .editor-shell.is-mobile .mtool-color-wrap:has(> .mtool-top-btn--color[data-av-outfit-color]){width:auto!important;min-width:0!important;flex:0 0 auto!important}}

/* The native topbar has its own opaque inner layer and brand background. */
@media(min-width:769px){
html[data-ava-editor-theme="light"] #fotor-root .esg-topbar .esg-topbar__inner{background:#fffdfa!important;border-color:#e4d9d5!important;color:#292224!important;box-shadow:0 2px 12px rgba(57,37,43,.06)!important}
html[data-ava-editor-theme="light"] #fotor-root .esg-topbar .esg-topbar__brand{background:transparent!important;color:#292224!important}
html[data-ava-editor-theme="light"] #fotor-root .esg-topbar .esg-topbar__brand-text,
html[data-ava-editor-theme="light"] #fotor-root .esg-topbar .esg-balance,
html[data-ava-editor-theme="light"] #fotor-root .esg-topbar .esg-balance--button,
html[data-ava-editor-theme="light"] #fotor-root .esg-topbar .esg-balance--button span:not(.esg-balance__icon){color:#292224!important;opacity:1!important}
html[data-ava-editor-theme="light"] #fotor-root .esg-topbar .esg-balance__icon{color:#bd627f!important}
}