.web-generator{margin-top:28px;display:grid;gap:12px;max-width:520px}.generator-button{width:100%;border:0;border-radius:999px;padding:18px 24px;color:#fff;font:700 17px/1 Inter,Arial,sans-serif;cursor:pointer;transition:.2s}.generator-button.upload{background:#ef445b;box-shadow:0 12px 25px rgba(239,68,91,.25)}.generator-button.ready{background:#24ad6b;box-shadow:0 12px 25px rgba(36,173,107,.24)}.generator-button:disabled{cursor:not-allowed;opacity:.55}.generator-button.upload:disabled.ready{opacity:1}.generator-note,.generator-message{margin:0!important;font-size:14px!important}.generator-note{color:#7883a3!important;text-align:center}.generator-message{min-height:22px}.generator-message.error{color:#c92e43!important}.generator-message.success{color:#14834c!important}.generation-progress{margin-top:8px;padding:18px;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(38,48,80,.08)}.generation-progress>div{height:12px;border-radius:99px;background:#e4e8f2;overflow:hidden}.generation-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4967ff,#24ad6b);transition:width .5s}.generation-progress b{display:block;margin-top:9px;color:#4162ff}.generation-progress p{margin:7px 0 0!important;font-size:13px!important}.generation-result{margin-top:16px}.generation-result img{display:block;width:100%;border-radius:22px;box-shadow:0 18px 40px rgba(34,46,80,.16)}.generation-result a{display:block;margin-top:12px;padding:15px;text-align:center;text-decoration:none;border-radius:999px;background:#24ad6b;color:#fff;font-weight:800}