.creator-ratio-select[data-v-cc4bc430]{display:inline-flex;position:relative}.creator-ratio-select__trigger[data-v-cc4bc430]{align-items:center;border:1px solid var(--border-tertiary);border-radius:100px;cursor:pointer;display:flex;gap:6px;height:32px;padding:0 10px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.creator-ratio-select__trigger[data-v-cc4bc430]:hover{background:var(--fill-secondary)}.creator-ratio-select__trigger--disabled[data-v-cc4bc430]{cursor:not-allowed;opacity:.5;pointer-events:none}.creator-ratio-select__current[data-v-cc4bc430]{align-items:center;color:var(--text-primary);display:flex;gap:6px}.creator-ratio-select__current-name[data-v-cc4bc430]{font-size:14px;font-weight:400;white-space:nowrap}.creator-ratio-select__dropdown[data-v-cc4bc430]{background:var(--fill-dropdown);border:1px solid var(--border-secondary);border-radius:8px;box-shadow:0 4px 12px #0000001f;inset-inline-start:0;max-height:min(400px,calc(100vh - 120px));min-width:160px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:100}.creator-ratio-select__dropdown--up[data-v-cc4bc430]{bottom:calc(100% + 4px);top:auto}.creator-ratio-select__dropdown-scroll[data-v-cc4bc430]{max-height:calc(min(400px,calc(100vh - 120px)) - 2px);overflow-y:auto;padding:8px}.creator-ratio-select__header[data-v-cc4bc430]{color:var(--text-tertiary);font-size:13px;font-weight:500;padding:4px 8px 8px}.creator-ratio-select__option[data-v-cc4bc430]{align-items:center;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;gap:10px;padding:8px;transition:background-color .15s ease}.creator-ratio-select__option--selected[data-v-cc4bc430],.creator-ratio-select__option[data-v-cc4bc430]:hover{background:var(--fill-secondary)}.creator-ratio-select__option-name[data-v-cc4bc430]{font-size:15px;font-weight:500;white-space:nowrap}.creator-ratio-select__check[data-v-cc4bc430]{color:var(--icon-brand);flex-shrink:0;height:16px;margin-inline-start:auto;width:16px}.dropdown-enter-active[data-v-cc4bc430],.dropdown-leave-active[data-v-cc4bc430]{transition:all .15s ease}.dropdown-enter-from[data-v-cc4bc430],.dropdown-leave-to[data-v-cc4bc430]{opacity:0;transform:translateY(-4px)}.creator-ratio-select__dropdown--up.dropdown-enter-from[data-v-cc4bc430],.creator-ratio-select__dropdown--up.dropdown-leave-to[data-v-cc4bc430]{transform:translateY(4px)}@media(max-width:768px){.creator-ratio-select__current-name[data-v-cc4bc430]{display:none}}.creator-resolution-select[data-v-288e8c82]{display:inline-flex;position:relative}.creator-resolution-select__trigger[data-v-288e8c82]{align-items:center;border:1px solid var(--border-tertiary);border-radius:100px;color:var(--text-primary);cursor:pointer;display:flex;gap:6px;height:32px;padding:0 10px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.creator-resolution-select__trigger[data-v-288e8c82]:hover{background:var(--fill-secondary)}.creator-resolution-select__trigger--disabled[data-v-288e8c82]{cursor:not-allowed;opacity:.5;pointer-events:none}.creator-resolution-select__icon[data-v-288e8c82]{color:var(--text-primary)}.creator-resolution-select__current-name[data-v-288e8c82]{font-size:14px;font-weight:400;white-space:nowrap}.creator-resolution-select__dropdown[data-v-288e8c82]{background:var(--fill-dropdown);border:1px solid var(--border-secondary);border-radius:8px;box-shadow:0 4px 12px #0000001f;inset-inline-start:0;max-height:min(400px,calc(100vh - 120px));min-width:160px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:100}.creator-resolution-select__dropdown--up[data-v-288e8c82]{bottom:calc(100% + 4px);top:auto}.creator-resolution-select__dropdown-scroll[data-v-288e8c82]{max-height:calc(min(400px,calc(100vh - 120px)) - 2px);overflow-y:auto;padding:8px}.creator-resolution-select__header[data-v-288e8c82]{color:var(--text-tertiary);font-size:13px;font-weight:500;padding:4px 8px 8px}.creator-resolution-select__option[data-v-288e8c82]{align-items:center;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;gap:10px;padding:8px;transition:background-color .15s ease}.creator-resolution-select__option--selected[data-v-288e8c82],.creator-resolution-select__option[data-v-288e8c82]:hover{background:var(--fill-secondary)}.creator-resolution-select__option-icon[data-v-288e8c82]{color:var(--text-primary)}.creator-resolution-select__option-name[data-v-288e8c82]{font-size:15px;font-weight:500;white-space:nowrap}.creator-resolution-select__check[data-v-288e8c82]{color:var(--icon-brand);flex-shrink:0;height:16px;margin-inline-start:auto;width:16px}.dropdown-enter-active[data-v-288e8c82],.dropdown-leave-active[data-v-288e8c82]{transition:all .15s ease}.dropdown-enter-from[data-v-288e8c82],.dropdown-leave-to[data-v-288e8c82]{opacity:0;transform:translateY(-4px)}.creator-resolution-select__dropdown--up.dropdown-enter-from[data-v-288e8c82],.creator-resolution-select__dropdown--up.dropdown-leave-to[data-v-288e8c82]{transform:translateY(4px)}@media(max-width:768px){.creator-resolution-select__current-name[data-v-288e8c82]{display:none}}