.tutorial-coach{margin:12px 0;padding:13px 15px;background:#f6efff;border:1px solid #e4d6f9;border-radius:14px;display:flex;flex-direction:column;gap:7px;font-size:13px;color:#614196}.tutorial-coach[hidden]{display:none}.tutorial-coach small{font-size:11px;color:#75829d}.tutorial-coach button{font-size:11px;min-height:32px;background:white;border:1px solid #e4d6f9;border-radius:8px;color:#6b4c99}.tutorial-active #vectorizeBtn:disabled,.tutorial-active #enhanceBtn:disabled{background:#e4e8ef!important;color:#8590a4!important;border-color:#d8deea!important;animation:none!important;box-shadow:none!important;cursor:default;transform:none!important}.tutorial-active #enhanceBtn.tutorial-highlight{background:#8951dc!important;color:#fff!important;animation:tutorial-pulse 1.8s ease-in-out infinite!important}.tutorial-active #vectorizeBtn.tutorial-highlight{background:#ffd95b!important;color:#172851!important;animation:tutorial-pulse 1.8s ease-in-out infinite!important}.tutorial-active #uploadBtn{animation:none!important}.tutorial-enhance-dialog h2{font-size:24px}.tutorial-enhance-dialog .enhance-source img{max-height:300px;object-fit:contain}.tutorial-progress{height:8px;border-radius:8px;background:#ebe3f6;overflow:hidden;margin-top:20px}.tutorial-progress span{display:block;height:100%;background:#8951dc;animation:tutorial-progress 3s linear forwards}.tutorial-active #apiState{display:none}@keyframes tutorial-progress{from{width:0}to{width:100%}}@keyframes tutorial-pulse{0%,100%{transform:translateY(0) scale(1);box-shadow:0 0 0 0 #a979e73b}50%{transform:translateY(-3px) scale(1.025);box-shadow:0 0 0 7px #a979e710}}@media(prefers-reduced-motion:reduce){.tutorial-active #enhanceBtn.tutorial-highlight,.tutorial-active #vectorizeBtn.tutorial-highlight{animation:none!important;outline:3px solid #c4a2f3;outline-offset:3px}.tutorial-progress span{animation:none;width:100%}}@media(max-width:767px){.tutorial-coach{margin:6px 0;padding:10px 12px}.tutorial-enhance-dialog{width:calc(100% - 32px);padding:24px 20px}.tutorial-enhance-dialog h2{font-size:20px}}

@media(max-width:767px){.tutorial-active #uploadBtn{display:none!important}.tutorial-active .tutorial-coach{grid-column:1/-1;gap:4px;margin:0;padding:9px 12px}.tutorial-active .tutorial-coach button{align-self:flex-end;padding:4px 12px;min-height:28px}.tutorial-active .sidebar .conversion-action,.tutorial-active #enhanceBtn{align-self:center;margin:0!important}}

@media(max-width:767px){.tutorial-active #vectorizeBtn,.tutorial-active #enhanceBtn{box-sizing:border-box;height:64px;min-height:64px;padding:12px;font-size:13px}}

@media(max-width:767px){.tutorial-active #enhanceBtn{grid-column:auto!important;width:100%!important}}
