.ratio-select[data-v-f6397f0b]{align-items:center;background:#f8f8fa;border-radius:12px;display:flex;gap:4px;min-height:72px;padding:4px;position:relative;width:-moz-max-content;width:max-content}.ratio-select .ratio-slider[data-v-f6397f0b]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;left:4px;position:absolute;top:4px;transition:transform .3s cubic-bezier(.645,.045,.355,1);z-index:1}.ratio-btn[data-v-f6397f0b]{align-items:center;background:transparent;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:64px;justify-content:center;padding:8px 4px;position:relative;transition:all .2s;width:64px;z-index:2}.ratio-btn[data-v-f6397f0b]:disabled{cursor:not-allowed;opacity:.5}.ratio-btn[data-v-f6397f0b]:not(:disabled):hover{background:#ffffff4d}.ratio-btn.is-active[data-v-f6397f0b]:not(:disabled){background:transparent;color:#6046ff;font-weight:600}.ratio-btn .ratio-preview-wrapper[data-v-f6397f0b]{align-items:center;display:flex;justify-content:center;margin-bottom:4px;position:relative}.ratio-btn .ratio-preview[data-v-f6397f0b]{background-color:transparent;border:1.5px solid #333;border-radius:2px;box-sizing:border-box}.ratio-btn .is-active-preview[data-v-f6397f0b]{border:1.5px solid #6046ff!important}.ratio-btn .ratio-label[data-v-f6397f0b]{font-size:14px;line-height:1.3;margin-top:auto;text-align:center}.duration-container[data-v-2e76db04]{align-items:center;background:#f8f8fa;border-radius:12px;display:inline-flex;gap:4px;height:44px;justify-content:center;padding:4px;position:relative;width:-moz-max-content;width:max-content}.duration-container .duration-slider[data-v-2e76db04]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .3s cubic-bezier(.645,.045,.355,1);z-index:1}.duration-btn[data-v-2e76db04]{align-items:center;background:transparent;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;height:100%;justify-content:center;margin:0;position:relative;transition:all .2s ease;width:95px;z-index:2}.duration-btn[data-v-2e76db04]:hover{background:#ffffff4d}.duration-btn.is-active[data-v-2e76db04]{background:transparent;color:#6046ff;font-weight:600}