.container-div{display:flex;padding:30px 25px;justify-content:center;align-items:center;flex-shrink:0;background:var(--Brand-10, #E0E7FF);box-sizing:border-box}.cover-img{width:238px;height:238px;border-radius:12px}.cover-content-div{width:100%;height:100%;margin-left:32px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap}.title-text{color:var(--Grey-90, #0F172A);font-size:30px;font-style:normal;font-weight:800;line-height:38px;letter-spacing:-.39px;margin:10px 0;word-break:break-all}.audio-name-text{color:var(--Grey-70, #334155);font-size:18px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-.144px;margin:0}.error-tips-text{color:var(--Grey-70, #E11D48);font-size:18px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-.144px;margin:0}#cover-content-div progress{width:100%;height:4px;border:none;margin-top:42px}#cover-content-div progress{-webkit-appearance:none;appearance:none;width:100%}#cover-content-div progress::-webkit-progress-bar{background-color:#cbd5e1;border-radius:0}#cover-content-div progress::-webkit-progress-value{background-color:#857dff;border-radius:5px;transition:width .4s ease}#cover-content-div progress::-moz-progress-bar{background-color:#857dff;border-radius:5px}#cover-content-div button.cancelButton{border:none;background-color:#e0e7ff;color:#6956f5;font-size:18px;line-height:24px;font-style:normal;cursor:pointer;margin-right:16px;padding:11px 32px;display:inline-flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;transition:all ease-in-out .25s;border:1px solid #6956F5;border-radius:55px}#cover-content-div button.cancelButton:hover{background-color:#7a73eb;color:#fff}#cover-content-div button.cancelButton:disabled{background-color:#94a3b8}.result-div{display:flex;border-radius:5px;background:var(--Brand-5, #EEF2FF);width:102%;height:56px;flex-shrink:0;margin-top:20px;align-items:center;flex-direction:row;position:relative}.play-button{width:40px;height:40px;margin-left:15px;cursor:pointer}.wave-img{width:69%;height:30px;margin-left:18px}#cover-content-div .waveform-img{width:69%;height:30px;position:relative;display:flex;flex-direction:column;margin-left:18px}#cover-content-div .waveform-png{width:100%;position:absolute;top:0;left:0}#cover-content-div .waveform-b{width:100%;height:30px;margin-left:8px;position:absolute;top:0;left:0}.audio-time-text{color:var(--Grey-70, #334155);font-size:16px;font-style:normal;font-weight:500;line-height:22px;letter-spacing:-.112px;position:absolute;right:25px}.result-button-div{display:flex;border-radius:5px;width:102%;height:56px;flex-shrink:0;margin-top:20px;align-items:center;flex-direction:row;position:relative}.tips-content-text{color:var(--Grey-70, #334155);font-size:18px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-.144px;margin:14px 0}button.downloadButton{height:48px;border:none;border-radius:35px;background:var(--A-gradual-1, linear-gradient(110deg, #FF6148 0%, #E15C96 33%, #4153E0 66%, #7D7FEB 100%));color:#fff;font-size:18px;font-style:normal;cursor:pointer;padding:12px 24px;display:inline-flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;transition:all ease-in-out .25s}button.downloadButton:hover{background-color:#7a73eb}button.downloadButton:disabled{background-color:#94a3b8}.make-your-cover-text{color:#6956f5;font-size:18px;font-style:normal;line-height:24px;letter-spacing:-.144px;position:absolute;right:50px;cursor:pointer}@media (max-width: 800px){.container-div{flex-direction:column;align-items:flex-start;padding-bottom:40px}.cover-img{width:91px;height:91px}.cover-content-div{margin-left:0}#cover-content-div button.cancelButton,button.downloadButton{width:100%}#cover-content-div .waveform-img{display:none}.result-button-div{flex-direction:column;gap:20px}.title-text{font-size:20px;line-height:24px}.audio-name-text{font-size:14px;line-height:16px}}.share-pop{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:650px;border-radius:25px;background:#fff;box-shadow:0 5px 30px #4755692a;z-index:999}.share-pop .header{color:var(--Grey-60, #475569);font-size:18px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:-.144px;padding-left:32px}.share-pop .content{color:var(--Grey-60, #475569);font-size:16px;font-style:normal;font-weight:600;letter-spacing:-.112px;padding-left:32px}.share-pop .copylayout{display:flex;gap:20px;align-items:flex-start;margin-left:32px;margin-right:32px;padding-left:16px;padding-right:16px;justify-content:center;align-items:center;gap:10px;border-radius:10px;border:1px solid var(--Grey-20, #E2E8F0)}.share-pop .copylayout p{color:var(--Grey-80, #1E293B);font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.084px;width:100%}button.copyLink{width:84px;height:36px;min-width:84px;border:none;border-radius:35px;background-color:#4f46e5;color:#fff;font-size:14px;font-style:normal;font-weight:700;cursor:pointer;padding:12px 24px;display:inline-flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;transition:all ease-in-out .25s}button.copyLink:hover{background-color:#7a73eb}button.copyLink:disabled{background-color:#94a3b8}.close{float:right;font-size:28px;margin-top:10px;margin-right:15px;cursor:pointer}.copy-link{float:right;color:#6956f5;font-size:14px;font-family:Inter;font-weight:500;text-decoration:underline;line-height:16px;word-wrap:break-word;margin-top:22px;margin-right:15px;cursor:pointer}.shareitem{display:flex;padding:8px;flex-direction:column;align-items:center;gap:10px;margin-left:12px;margin-right:12px;cursor:pointer}.share-container{display:grid;flex-direction:row;align-items:center;justify-content:flex-start;margin-top:1px;margin-right:20px;margin-left:20px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.shareitem img{width:48px;height:48px}.shareitem .title{color:var(--Grey-70, #334155);font-size:12px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:-.06px}.share-pop .list{overflow:hidden;overflow-x:hidden;overflow-y:hidden;white-space:nowrap}.scroll-button{position:absolute;width:40px;height:40px;top:16px;border-radius:50%;background-color:#fff;color:#475569;overflow:hidden;box-shadow:0 4px 4px #0000004d,0 0 4px #0003;border:#00000033}#scrollLeft{left:12px;top:120px}#scrollRight{right:12px;top:120px}.sharecopyurlp{color:var(--Grey-80, #1E293B);font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.084px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.share-to-collection{min-width:84px;border:none;border-radius:35px;background-color:#3b82f6;color:#fff;font-size:14px;font-style:normal;font-weight:700;cursor:pointer;padding:12px 24px;display:inline-flex;flex-direction:row;transition:all ease-in-out .25s;display:block;margin:5px 30px;float:left}button.share-to-collection:hover{background-color:#7a73eb}button.share-to-collection:disabled{background-color:#94a3b8}.bottom-tips-note{color:var(--Grey-60, #475569);font-size:14px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:-.084px;display:inline-flex;width:90%;margin-left:30px;margin-top:4px;user-select:none}.mask{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0003}@media (max-width: 800px){.share-pop{top:15%;left:10%;transform:translate(-5%)}}#simple-alert{position:fixed;top:320px;left:50%;transform:translate(-50%);padding:12px;border-radius:7px;box-shadow:0 7px 15px #5d60731a;display:none;z-index:1000;display:flex;flex-direction:column;justify-content:center;gap:2px}#simple-alert.success{background-color:#f2faf6;border:1px solid #C0E5D1}#simple-alert.error{background-color:#fef2f2;border:1px solid #FFCCD2}#simple-alert.warning{background-color:#fff9ee;border:1px solid #FFEAB3}#simple-alert.info{border:1px solid #BDDDFF;background:#f1f8ff}#simple-alert h2{font-size:14px;font-weight:500;color:#334155;display:flex;align-items:center;gap:8px;margin:0 20px 0 0;line-height:1.4}#simple-alert p{margin:0 0 0 26px;color:#334155;font-size:14px}#simple-alert .close-btn{position:absolute;top:6px;right:10px;cursor:pointer;font-size:22px;color:#475569}#simple-alert .close-btn:hover{color:#475569}#simple-alert h2:before{content:"";padding:9px;background-repeat:no-repeat}#simple-alert.success h2:before{background:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1084_2833)'%3E%3Cpath d='M9 17.25C13.5563 17.25 17.25 13.5563 17.25 9C17.25 4.44365 13.5563 0.75 9 0.75C4.44365 0.75 0.75 4.44365 0.75 9C0.75 13.5563 4.44365 17.25 9 17.25ZM8.29237 12.353L5.46968 9.53026L6.53034 8.4696L8.20765 10.1469L12.1806 5.51184L13.3195 6.48803L8.29237 12.353Z' fill='%2347B881'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1084_2833'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}#simple-alert.error h2:before{background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1084_2845)'%3E%3Cpath d='M9 17.25C13.5563 17.25 17.25 13.5563 17.25 9C17.25 4.44365 13.5563 0.75 9 0.75C4.44365 0.75 0.75 4.44365 0.75 9C0.75 13.5563 4.44365 17.25 9 17.25ZM12.9584 11.7916L11.7916 12.9584L9 10.1667L6.20836 12.9584L5.04164 11.7916L7.83327 9L5.04164 6.20836L6.20836 5.04164L9 7.83327L11.7916 5.04164L12.9584 6.20836L10.1667 9L12.9584 11.7916Z' fill='%23F64C4C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1084_2845'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")}#simple-alert.warning h2:before{background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1084_2839)'%3E%3Cpath d='M0.75 9C0.75 4.44365 4.44365 0.75 9 0.75C13.5563 0.75 17.25 4.44365 17.25 9C17.25 13.5563 13.5563 17.25 9 17.25C4.44365 17.25 0.75 13.5563 0.75 9ZM8.25 12V13.5H9.75V12H8.25ZM8.25 11.25H9.75V5.25H8.25V11.25Z' fill='%23FFAD0D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1084_2839'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")}#simple-alert.info h2:before{background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.25 9C17.25 13.5563 13.5563 17.25 9 17.25C4.44365 17.25 0.75 13.5563 0.75 9C0.75 4.44365 4.44365 0.75 9 0.75C13.5563 0.75 17.25 4.44365 17.25 9ZM9.75 6V4.5H8.25V6H9.75ZM9.75 6.75H8.25V12.75H9.75V6.75Z' fill='%233B82F6'/%3E%3C/svg%3E%0A")}