.duration-select-mobile[data-v-7a8d0432]{animation:duration-select-mobile-slide-up-7a8d0432 .35s ease-out forwards;background:var(--color-background-container);border:1px solid var(--color-stroke-normalcy-color-secondary);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 8px 32px 0 var(--effect-drop-shadow-Lg-colors);display:flex;flex-direction:column;gap:12px;padding:16px;transform:translateY(100%);width:100%}@keyframes duration-select-mobile-slide-up-7a8d0432{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.duration-select-mobile__header[data-v-7a8d0432]{align-items:center;display:flex;justify-content:center;padding-bottom:8px;position:relative}.duration-select-mobile__title[data-v-7a8d0432]{color:var(--color-text-dynamic-white-primary);font-size:16px;font-weight:700}.duration-select-mobile__list[data-v-7a8d0432]{display:flex;flex-direction:column;max-height:60vh;overflow-y:auto}.duration-select-mobile__item[data-v-7a8d0432]{align-items:center;border-bottom:1px solid var(--color-stroke-normalcy-color-tertiary);cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:16px 12px;transition:background .2s}.duration-select-mobile__item[data-v-7a8d0432]:last-child{border-bottom:none}.duration-select-mobile__item[data-v-7a8d0432]:active{background:var(--color-foreground-normalcy-color-tertiary,rgba(206,232,245,.08))}.duration-select-mobile__item.selected .duration-select-mobile__label[data-v-7a8d0432]{color:var(--color-text-dynamic-white-primary);font-weight:700}.duration-select-mobile__item-body[data-v-7a8d0432]{align-items:center;display:flex;flex:1;gap:8px}.duration-select-mobile__label[data-v-7a8d0432]{color:var(--color-text-dynamic-white-secondary);font-size:16px;line-height:24px}.duration-select-mobile__vip-badge[data-v-7a8d0432]{flex-shrink:0;height:20px;width:20px}.duration-select-mobile__check[data-v-7a8d0432]{color:var(--color-brand-primary);flex-shrink:0}.option-select-wrapper[data-v-a44453bc]{display:flex;flex-direction:column;gap:8px}.select-label[data-v-a44453bc]{font-size:16px;font-weight:500;line-height:24px}.select-container[data-v-a44453bc]{position:relative;width:100%}.select-trigger[data-v-a44453bc]{align-items:center;background:#27272a;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:12px 16px;transition:all .2s}.select-trigger[data-v-a44453bc],.select-trigger[data-v-a44453bc]:hover{background:var(--color-foreground-normalcy-color-tertiary,rgba(29,78,143,.08))}.select-value[data-v-a44453bc]{color:var(--color-text-dynamic-white-tertiary,rgba(0,0,0,.56));font-family:Messina Sans;font-size:14px;font-style:normal;font-weight:400;line-height:22px;text-align:center}.select-arrow[data-v-a44453bc]{color:#71717a;flex-shrink:0;transition:transform .2s}.select-arrow.rotate-180[data-v-a44453bc]{transform:rotate(180deg)}.select-dropdown[data-v-a44453bc]{background:var(--color-background-container,#1f1f1f);border-radius:8px;display:flex;flex-direction:column;gap:4px;left:0;overflow:hidden;padding:8px;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.select-option[data-v-a44453bc]{cursor:pointer;justify-content:space-between;padding:12px 16px}.label-vip[data-v-a44453bc],.select-option[data-v-a44453bc]{align-items:center;display:flex}.label-vip[data-v-a44453bc]{gap:8px}.select-option.selected[data-v-a44453bc],.select-option[data-v-a44453bc]:hover{background:var(--color-foreground-normalcy-color-tertiary,rgba(206,232,245,.08));border-radius:8px}.option-label[data-v-a44453bc]{color:var(--color-text-dynamic-white-secondary,rgba(0,0,0,.72));flex:1;font-size:14px;line-height:20px}.vip-badge[data-v-a44453bc]{height:20px;width:20px}.check-icon[data-v-a44453bc]{color:var(--color-text-dynamic-white-secondary);flex-shrink:0}.dropdown-enter-active[data-v-a44453bc],.dropdown-leave-active[data-v-a44453bc]{transition:all .2s ease}.dropdown-enter-from[data-v-a44453bc],.dropdown-leave-to[data-v-a44453bc]{opacity:0;transform:translateY(-8px)}.resolution-wrapper[data-v-4bbe52c7]{display:flex;flex-direction:column;gap:8px}.resolution-label[data-v-4bbe52c7]{font-size:16px;font-weight:500;line-height:24px}.resolution-buttons[data-v-4bbe52c7]{background:var(--color-foreground-normalcy-color-tertiary,rgba(29,78,143,.08));border-radius:8px;display:flex;gap:0;padding:4px}.resolution-button[data-v-4bbe52c7]{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-dynamic-white-secondary,rgba(0,0,0,.72));cursor:pointer;display:flex;flex:1;font-size:14px;font-weight:500;gap:8px;justify-content:center;line-height:20px;min-height:40px;padding:8px 16px;transition:all .2s}.resolution-button.selected[data-v-4bbe52c7]{background:var(--color-foreground-normalcy-color-quinary,rgba(29,78,143,.16));font-weight:600}.option-label[data-v-4bbe52c7]{color:var(--color-text-dynamic-white-secondary,rgba(0,0,0,.72));flex-shrink:0}.vip-badge[data-v-4bbe52c7]{align-items:center;background:linear-gradient(90deg,#a855f7,#ec4899);border-radius:4px;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:500;line-height:16px;padding:2px 8px;white-space:nowrap}.sound-effect-bg-configure-area[data-v-a7a29bcd]{background:var(--color-foreground-normalcy-color-tertiary);border-radius:var(--value-radius-large,16px);gap:8px;max-height:100%}.panel-title[data-v-a7a29bcd]{color:var(--color-text-dynamic-white-secondary);font-size:20px;font-weight:700;line-height:28px}[data-v-a7a29bcd] .sound-effect-bg-configure-area::-webkit-scrollbar{width:6px}[data-v-a7a29bcd] .sound-effect-bg-configure-area::-webkit-scrollbar-thumb{background:var(--color-foreground-normalcy-quinary,rgba(0,0,0,.24));border-radius:16px}.simple-mask[data-v-a7a29bcd]{background:#1d4e8f14;border-radius:var(--value-radius-large,16px);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1000}.duration-select-mobile-trigger[data-v-a7a29bcd]{display:flex;flex-direction:column;gap:8px;width:100%}.select-label[data-v-a7a29bcd]{color:var(--color-text-dynamic-white-secondary);font-size:16px;font-weight:500;line-height:24px}.select-trigger[data-v-a7a29bcd]{align-items:center;background:var(--color-foreground-normalcy-color-tertiary,rgba(29,78,143,.08));border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:12px 16px;transition:all .2s}.select-trigger[data-v-a7a29bcd]:active{background:var(--color-foreground-normalcy-color-tertiary,rgba(29,78,143,.12))}.select-value[data-v-a7a29bcd]{color:var(--color-text-dynamic-white-tertiary,rgba(0,0,0,.56));font-family:Messina Sans;font-size:14px;font-style:normal;font-weight:400;line-height:22px}.select-arrow[data-v-a7a29bcd]{color:#71717a;flex-shrink:0}