/* APPS WISE Games V70.55 — transitions and visual consistency.
 * Imported directly from the user-approved V70.54_TEMA_SPRITE base.
 * Animates UI dialogs only. Never transforms game/sprite canvas or saved art. */
@keyframes wise55-overlay-enter{from{opacity:0}to{opacity:1}}
@keyframes wise55-panel-enter{from{opacity:0;transform:translate3d(0,11px,0) scale(.984)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes wise55-overlay-exit{from{opacity:1}to{opacity:0}}
@keyframes wise55-panel-exit{from{opacity:1;transform:translate3d(0,0,0) scale(1)}to{opacity:0;transform:translate3d(0,9px,0) scale(.99)}}
/* All first-party dialog families: CSS transitions re-trigger every time they switch from hidden to visible. */
.modal-overlay,
#zero-sprite-studio.se-backdrop,
#wise703-studio,
#wise17-recovery-dialog,
#fx-modal-v56:not([hidden]),
.zero-choice-modal,
#zero-expr-browser,
[role="dialog"].wise-dialog-overlay{
 animation:wise55-overlay-enter .19s ease-out both;
}
.modal-overlay>.modal-content,
.modal-overlay>.zero-choice-card,
#zero-sprite-studio>.se-dialog,
#wise703-studio .wise703-shell,
#wise17-recovery-dialog>.wise17-recovery-card,
#fx-modal-v56:not([hidden])>.fx-dialog-v56,
[role="dialog"].wise-dialog-overlay>.modal-content{
 animation:wise55-panel-enter .22s cubic-bezier(.16,1,.3,1) both;
 transform-origin:center center;
}
/* Sprite-specific confirmation is appended outside .se-dialog. */
#zero-sprite-studio .se-confirm-shade{animation:wise55-overlay-enter .16s ease-out both}
#zero-sprite-studio .se-confirm-card{animation:wise55-panel-enter .20s cubic-bezier(.16,1,.3,1) both}
#zero-sprite-studio.wise55-leaving{animation:wise55-overlay-exit .17s ease-in both}
#zero-sprite-studio.wise55-leaving>.se-dialog{animation:wise55-panel-exit .17s ease-in both}
#zero-sprite-studio .se-confirm-shade.wise55-leaving{animation:wise55-overlay-exit .16s ease-in both}
#zero-sprite-studio .se-confirm-shade.wise55-leaving>.se-confirm-card{animation:wise55-panel-exit .16s ease-in both}
/* Buttons have deliberate hover/press states. They never modify any object data. */
.modal-overlay .modal-content button,
#zero-sprite-studio .se-dialog button,
#zero-sprite-studio .se-confirm-actions button,
#wise703-studio .wise703-shell button{
 transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,filter .16s ease;
}
.modal-overlay .modal-content button:active,
#zero-sprite-studio .se-dialog button:active,
#zero-sprite-studio .se-confirm-actions button:active{filter:brightness(.95)}
/* Previously the sprite confirmation inherited browser-native colors because it is not a child of .se-dialog. */
#zero-sprite-studio .se-confirm-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
#zero-sprite-studio .se-confirm-actions button{box-sizing:border-box;font:600 12px 'Segoe UI',Arial,sans-serif;line-height:1.25;min-height:37px;min-width:112px;padding:9px 12px;border-radius:6px;cursor:pointer;white-space:normal}
body.wise7039-light #zero-sprite-studio{color-scheme:light}
body.wise7039-light #zero-sprite-studio .se-confirm-card{background:#f9fdff!important;color:#163d55!important;border:1px solid #90b9d1!important}
body.wise7039-light #zero-sprite-studio .se-confirm-card :is(h3,p){color:#184e6a!important}
body.wise7039-light #zero-sprite-studio .se-confirm-actions button:not(.primary):not(.se-danger-outline){background:#e7f3fb!important;color:#164965!important;border:1px solid #9bbfd6!important}
body.wise7039-light #zero-sprite-studio .se-confirm-actions button:not(.primary):not(.se-danger-outline):hover{background:#cde8f8!important;color:#084d70!important}
body.wise7039-light #zero-sprite-studio .se-confirm-actions button.se-danger-outline{background:#fff0f3!important;color:#a01e41!important;border:1px solid #cb99a5!important}
body.wise7039-light #zero-sprite-studio .se-confirm-actions button.se-danger-outline:hover{background:#f9dce5!important;color:#861733!important}
body.wise7039-light #zero-sprite-studio .se-confirm-actions button.primary{background:#0b7fab!important;color:#fff!important;border:1px solid #08658c!important}
body.wise7039-light #zero-sprite-studio .se-confirm-actions button.primary:hover{background:#09668b!important;color:#fff!important}
/* Fix the few places where dark-mode rules override Ice form controls or hide text. */
body.wise7039-light #zero-sprite-studio .se-dialog :is(.se-left,.se-right,.se-modebar,.se-paintbar,.se-tools,.se-framehead,.se-footer,.se-status){background-color:#ecf6fc!important;color:#153f58!important;border-color:#b7d4e5!important}
body.wise7039-light #zero-sprite-studio .se-dialog :is(.se-category,.se-fields>label,.se-minirow label,.se-size-section label,.se-right small){color:#1e516c!important}
body.wise7039-light #zero-sprite-studio .se-dialog :is(input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea){background:#fff!important;color:#153e55!important;border-color:#9dbfd4!important}
body.wise7039-light #zero-sprite-studio .se-dialog :is(button.primary,.se-add-frame-hero){background:#087eae!important;color:#fff!important;border:1px solid #06658d!important}
body.wise7039-light #zero-sprite-studio .se-dialog :is(.se-tools,.se-modebar,.se-left,.se-right,.se-framehead,.se-titlebar,.se-footer) button:not(.primary):not(.danger):not(.se-add-frame-hero):hover{background:#d5edf9!important;color:#07577a!important}
body.wise7039-light #zero-sprite-studio .se-dialog button.danger{background:#fff0f3!important;color:#a02340!important;border:1px solid #cb97a7!important}
body.wise7039-light #zero-sprite-studio .se-dialog button.danger:hover{background:#f9dbe5!important;color:#8a1734!important}
body.wise7039-light #zero-sprite-studio .se-dialog .se-left #se-anim-list button.active,
body.wise7039-light #zero-sprite-studio .se-dialog .se-modebar button.sel{background:#0b7fa9!important;color:#fff!important;border-color:#08638c!important}
/* Static UI labels can stay light; pixel art remains untouched. */
body.wise7039-light #zero-sprite-studio .se-strip,body.wise7039-light #zero-sprite-studio .se-workarea{background:#eaf4fb!important;color:#1c4c65!important}
body.wise7039-light #zero-sprite-studio .se-confirm-shade{background:rgba(20,65,92,.33)}
@media(max-width:680px){#zero-sprite-studio .se-confirm-actions button{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){
 .modal-overlay,#zero-sprite-studio.se-backdrop,#wise703-studio,#wise17-recovery-dialog,#fx-modal-v56,
 .modal-overlay>.modal-content,#zero-sprite-studio>.se-dialog,#wise703-studio .wise703-shell,#zero-sprite-studio .se-confirm-shade,#zero-sprite-studio .se-confirm-card,
 #zero-sprite-studio.wise55-leaving,#zero-sprite-studio.wise55-leaving>.se-dialog,#zero-sprite-studio .wise55-leaving{animation:none!important;transition:none!important}
}

/* V70.56 — controles de reprodução da animação (prévia isolada dos pixels originais). */
#zero-sprite-studio .se-play-controls{display:flex;align-items:stretch;gap:6px;margin-top:5px}
#zero-sprite-studio .se-play-controls button{flex:1 1 0;min-width:0;min-height:33px;font-weight:750;border-radius:5px}
#zero-sprite-studio .se-play-btn{background:#247044!important;border:1px solid #68ae81!important;color:#fff!important;font-weight:750!important}
#zero-sprite-studio .se-play-btn:hover:not(:disabled){background:#318b59!important;border-color:#91cfa6!important;color:#fff!important}
#zero-sprite-studio .se-play-btn.playing{background:#ac7431!important;border-color:#efb666!important;color:#fff!important}
#zero-sprite-studio .se-stop-btn{background:#493d39!important;border:1px solid #9b796b!important;color:#f9e9de!important}
#zero-sprite-studio .se-stop-btn:hover:not(:disabled){background:#6e443c!important;color:#fff!important}
#zero-sprite-studio .se-play-controls button:disabled{opacity:.5;cursor:not-allowed}
#zero-sprite-studio .se-play-label{font-size:10px;line-height:1.5;text-align:center;color:#d1b88f;display:block;min-height:15px}
#zero-sprite-studio #se-playback-layer{display:none;z-index:5;pointer-events:none;image-rendering:auto;top:0;left:0}
#zero-sprite-studio #se-playback-layer.se-play-active{display:block}
#zero-sprite-studio.se-previewing #se-origin-marker{visibility:hidden}
#zero-sprite-studio.se-previewing #se-overlay{pointer-events:none}
#zero-sprite-studio .se-footer #se-message{color:#d5c1a0}
#zero-sprite-studio .se-footer #se-message.se-message-error{color:#ff9b9b}
body.wise7039-light #zero-sprite-studio .se-play-btn:not(:disabled){background:#117747!important;color:#fff!important;border-color:#095932!important}
body.wise7039-light #zero-sprite-studio .se-play-btn:hover:not(:disabled){background:#09663a!important;color:#fff!important}
body.wise7039-light #zero-sprite-studio .se-play-btn.playing{background:#ad6a0c!important;color:#fff!important;border-color:#8d5008!important}
body.wise7039-light #zero-sprite-studio .se-stop-btn{background:#eaf1f7!important;color:#28516a!important;border:1px solid #a5c3d6!important}
body.wise7039-light #zero-sprite-studio .se-stop-btn:hover:not(:disabled){background:#d5e7f3!important;color:#0d506f!important}
body.wise7039-light #zero-sprite-studio .se-play-label{color:#345f79!important}
body.wise7039-light #zero-sprite-studio .se-footer #se-message{color:#28637b!important}
body.wise7039-light #zero-sprite-studio .se-footer #se-message.se-message-error{color:#ac2445!important}
/* Garante contraste nos controles da barra lateral mostrados na captura de tela. */
body.wise7039-light .sidebar-left #zero-anim-manager{color:#1b435c!important}
body.wise7039-light .sidebar-left #zero-anim-manager h4{color:#0a5f83!important}
body.wise7039-light .sidebar-left #zero-anim-manager .anim-toolbar button,
body.wise7039-light .sidebar-left #zero-anim-manager .anim-frame-actions button{background:#e8f4fc!important;color:#154d6d!important;border:1px solid #9fc4da!important;box-shadow:none!important}
body.wise7039-light .sidebar-left #zero-anim-manager .anim-toolbar button:hover:not(:disabled),
body.wise7039-light .sidebar-left #zero-anim-manager .anim-frame-actions button:hover:not(:disabled){background:#cfeafa!important;color:#075676!important;border-color:#5fa8c9!important}
body.wise7039-light .sidebar-left #zero-anim-manager .anim-toolbar button:disabled{background:#ecf2f7!important;color:#7c91a0!important;opacity:.75}
body.wise7039-light .sidebar-left #zero-anim-manager .anim-toggles{background:#eaf4fb!important;border:1px solid #bdd5e5!important;color:#1f526f!important}
body.wise7039-light .sidebar-left #zero-anim-manager .anim-toggles label{color:#24516b!important}
body.wise7039-light .sidebar-left #zero-anim-manager input[type=checkbox]{accent-color:#087dac!important}
body.wise7039-light .sidebar-left #zero-anim-manager .anim-default-indicator{color:#14749c!important}
body.wise7039-light .sidebar-left #zero-anim-manager .anim-preview-area{background:radial-gradient(#b9d0e0 1px,transparent 1px) 0 0/12px 12px,#ecf6fc!important;border:1px solid #a7c8dc!important}
body.wise7039-light .sidebar-left #zero-anim-manager .anim-live-preview span{color:#4b7089!important}
body.wise7039-light .sidebar-left #zero-anim-manager #anim-preview-toggle{background:#eaf4fb!important;color:#0a5278!important;border:1px solid #9ec7dc!important}
body.wise7039-light .sidebar-left #zero-anim-manager #anim-preview-toggle:hover{background:#cceafa!important;color:#063f63!important}
body.wise7039-light .sidebar-left #zero-anim-manager .anim-frames{background:#f3f9fd!important;border-color:#9fbfd3!important}
body.wise7039-light .sidebar-left #zero-anim-manager .anim-frame small{color:#245b80!important}
body.wise7039-light .sidebar-left #zero-anim-manager .anim-frame .frame-thumb{background-color:#e3eef6;border:1px solid #a9c7d9}
body.wise7039-light .sidebar-left #zero-anim-manager .anim-frame .frame-thumb.active{border:2px solid #087eae!important;box-shadow:0 0 0 1px #96cee7!important}
body.wise7039-light .sidebar-left #zero-anim-manager .anim-help{color:#527188!important}
body.wise7039-light .sidebar-left #zero-anim-manager .anim-upload-status{color:#147293!important}
body.wise7039-light .sidebar-left #zero-anim-manager .anim-upload-status.error{color:#af2c47!important}
/* Uniformização da tipografia e controles dos modais tradicionais no Ice. */
body.wise7039-light .modal-overlay:not(#modal-runtime) .modal-content{background:#f9fcff!important;color:#1b455e!important;border-color:#a6c9dd!important}
body.wise7039-light :is(#modal-alert,#modal-prompt,#modal-confirm,#modal-salvar,#modal-abrir,#wise-import-report) :is(.modal-header,.modal-footer){background:#e9f4fb!important;color:#184b67!important;border-color:#bad3e4!important}
body.wise7039-light :is(#modal-alert,#modal-prompt,#modal-confirm,#modal-salvar,#modal-abrir,#wise-import-report) :is(#prompt-message,#confirm-message,#alert-message){color:#224e67!important}
body.wise7039-light .modal-overlay:not(#modal-runtime) .modal-content :is(input,select,textarea){background:#fff!important;color:#183f59!important;border-color:#aac9db!important}
/* V70.56: o gerenciador aplica a transição tanto na abertura quanto no fechamento. */
@keyframes wise56-overlay-in{from{opacity:0}to{opacity:1}}
@keyframes wise56-panel-in{from{opacity:0;transform:translate3d(0,18px,0) scale(.97)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes wise56-overlay-out{from{opacity:1}to{opacity:0}}
@keyframes wise56-panel-out{from{opacity:1;transform:translate3d(0,0,0) scale(1)}to{opacity:0;transform:translate3d(0,13px,0) scale(.977)}}
.wise-fx-modal:not(.wise-fx-entering):not(.wise-fx-leaving){animation:none!important}
.wise-fx-modal:not(.wise-fx-entering):not(.wise-fx-leaving) > :is(.modal-content,.wise703-shell,.wise17-recovery-card,.wise17-recovery-panel,.fx-dialog-v56,.zero-expr-dialog,.zero-choice-card){animation:none!important}
.wise-fx-modal.wise-fx-entering{animation:wise56-overlay-in .23s ease-out both!important}
.wise-fx-modal.wise-fx-entering > :is(.modal-content,.wise703-shell,.wise17-recovery-card,.wise17-recovery-panel,.fx-dialog-v56,.zero-expr-dialog,.zero-choice-card){animation:wise56-panel-in .26s cubic-bezier(.16,1,.3,1) both!important;transform-origin:center}
.wise-fx-modal.wise-fx-leaving{animation:wise56-overlay-out .22s ease-in both!important;pointer-events:none!important}
.wise-fx-modal.wise-fx-leaving > :is(.modal-content,.wise703-shell,.wise17-recovery-card,.wise17-recovery-panel,.fx-dialog-v56,.zero-expr-dialog,.zero-choice-card){animation:wise56-panel-out .22s cubic-bezier(.4,0,.7,1) both!important;transform-origin:center}
@media(prefers-reduced-motion:reduce){.wise-fx-modal.wise-fx-entering,.wise-fx-modal.wise-fx-leaving,.wise-fx-modal.wise-fx-entering>*,.wise-fx-modal.wise-fx-leaving>*{animation:none!important}}

body.wise7039-light .sidebar-left #zero-anim-manager .anim-toolbar select{background:#fff!important;color:#173f58!important;border:1px solid #9fc5d9!important}
body.wise7039-light .modal-overlay:not(#modal-runtime) .modal-content #zero-drop-inside{color:#165576!important}
body.wise7039-light #zero-drop-choice .modal-content>div[style*="color"]{color:#214e68!important}
body.wise7039-light #zero-expr-browser .modal-content p[style*="color"]{color:#416980!important}