.tw-task-result-panel-group{max-width:1000px;margin:0 auto}.tw-task-result-panel-group .tw-task-result-panel+.tw-task-result-panel{margin-top:52px}.tw-task-result-panel__header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tw-task-result-panel__time{color:var(--color-text-secondary,#000000b3);font-size:14px;font-weight:500;line-height:20px}.tw-task-result-panel__capsule{background:var(--color-bg-primary-hover,#f7f8fb);height:28px;color:var(--color-text-secondary,#000000b3);border:none;border-radius:8px;align-items:center;padding:4px 12px;font-size:12px;font-weight:400;line-height:20px;display:inline-flex}.tw-task-result-panel__capsule--primary{color:#0052d9;background:#0052d91a}.tw-task-result-panel__prompt{word-break:break-word;color:var(--color-text-solid,#000);margin-bottom:16px;font-size:14px;line-height:22px}.tw-task-result-panel__prompt--with-image{flex-direction:column;gap:8px;display:flex}.tw-task-result-panel__prompt-images{flex-wrap:wrap;flex:none;gap:8px;min-height:64px;display:flex}.tw-task-result-panel__prompt-image-wrap{flex:none;position:relative}.tw-task-result-panel__prompt-image{-o-object-fit:cover;object-fit:cover;background:#f2f4f8;border-radius:8px;flex:none;width:64px;height:64px;display:block}.tw-task-result-panel__prompt-image-badge{pointer-events:none;-webkit-user-select:none;user-select:none;width:16px;height:16px;position:absolute;bottom:4px;right:4px}.tw-task-result-panel__prompt-text{flex:auto;min-width:0}.tw-task-result-panel__breathing{background-color:#eef4ff;background-image:radial-gradient(circle,#0052d92e 0%,#0052d914 35%,#0000 70%);border-radius:8px;position:relative;overflow:hidden}.tw-task-result-panel__breathing:before{content:"";opacity:.2;background:linear-gradient(268deg,#acf7ec 1.31%,#b2ecff 32.96%,#5fb9f8 63.67%,#acf7ec 98.74%);animation:3.6s linear infinite tw-task-result-panel-spin;position:absolute;inset:-50%;-webkit-mask:radial-gradient(circle closest-side at 35%,#000 0% 40%,#0000 75%);mask:radial-gradient(circle closest-side at 35%,#000 0% 40%,#0000 75%)}.tw-task-result-panel__breathing:after{content:"";background-image:radial-gradient(circle,#fffc 1.5px,#0000 1.5px);background-size:14px 14px;position:absolute;inset:0}.tw-task-result-panel__processing{color:var(--color-text-disabled,#0000004d);align-items:center;gap:6px;margin-top:12px;font-size:14px;line-height:22px;display:flex}.tw-task-result-panel__preview{border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tw-task-result-panel__preview--clickable{cursor:pointer}.tw-task-result-panel__cover{-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.tw-task-result-panel__hover{color:#fff;opacity:0;pointer-events:none;background:#0000004d;border-radius:8px;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.tw-task-result-panel__hover svg{width:24px;height:24px}.tw-task-result-panel__preview:hover .tw-task-result-panel__hover{opacity:1}.tw-task-result-panel__hover-icon{width:60px;height:60px}.tw-task-result-panel__preview--clip{overflow:visible;width:245px!important;height:240px!important}.tw-task-result-panel__preview--clip .tw-task-result-panel__cover{z-index:1;border-radius:8px;width:90%;height:90%;transition:transform .2s,box-shadow .2s;position:relative}.tw-task-result-panel__preview--clip.tw-task-result-panel__preview--clickable:hover .tw-task-result-panel__cover{transform:translateY(-16px)scale(1.01)}.tw-task-result-panel__preview--clip.tw-task-result-panel__preview--clickable:hover .tw-task-result-panel__badge{transform:translate(-50%,calc(-50% - 16px))}.tw-task-result-panel__clip-cover{z-index:2;aspect-ratio:558/342;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;position:absolute;bottom:0;left:0}.tw-task-result-panel__clip-cover:before{content:"";z-index:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;inset:0;-webkit-mask:url(../media/folder-mask.353cn1q9usnrn.svg) bottom/100% 100% no-repeat;mask:url(../media/folder-mask.353cn1q9usnrn.svg) bottom/100% 100% no-repeat}.tw-task-result-panel__clip-cover:after{content:"";z-index:1;background:url(../media/folder-cover.1uov_rtw8nybt.png) bottom/100% 100% no-repeat;position:absolute;inset:0}.tw-task-result-panel__badge{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;width:60px;height:60px;transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tw-task-result-panel__result-area{box-sizing:border-box;background:#f2f4f880;border-radius:12px;width:340px;margin-top:16px;padding:20px}.tw-task-result-panel__result-area--audio{flex-direction:column;width:auto;padding:14px 0 14px 12px;display:flex}.tw-task-result-panel__audio-row{flex:none;padding-right:12px}.tw-task-result-panel__lyrics-wrap{flex:auto;min-height:0;max-height:310px;margin-top:12px;display:flex;overflow:hidden}.tw-task-result-panel__footer{margin-top:12px}@keyframes tw-task-result-panel-spin{to{transform:rotate(360deg)}}.tw-failed-placeholder{background:#fff;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tw-failed-placeholder__light{filter:blur(240px);pointer-events:none;background:#eaeaea;border-radius:50%;width:150%;height:130%;position:absolute;bottom:-60%;left:50%;transform:translate(-50%)}.tw-failed-placeholder__content{flex-direction:column;align-items:center;gap:16px;max-width:72%;display:flex;position:relative}.tw-failed-placeholder__message{color:#0006;text-align:center;word-break:break-word;font-size:14px;line-height:20px}.tw-failed-placeholder__error{color:#f64041;text-align:center;word-break:break-word;font-size:13px;line-height:20px}@media screen and (max-width:767px){.tw-task-result-panel__result-area{width:100%}}
