.creative-preference-popper,.creative-preference-select-popper{--preference-bg:#f7f7f6;--preference-text:#252525;--preference-secondary:#666;--preference-border:#ddd;--preference-field:#fff;--preference-button:#ececec;--preference-hover:#e2e2e2;--preference-selected:#292929;--preference-on-selected:#fff;--el-bg-color-overlay:var(--preference-bg);--el-border-color-light:var(--preference-border)}.creative-preference-popper.is-dark,.creative-preference-select-popper.is-dark{--preference-bg:#242424;--preference-text:#f2f2f2;--preference-secondary:#adadad;--preference-border:#3c3c3c;--preference-field:#1d1d1d;--preference-button:#303030;--preference-hover:#383838;--preference-selected:#ecebea;--preference-on-selected:#202020;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.creative-preference-popper{background:var(--preference-bg)!important;border:1px solid var(--preference-border)!important;border-radius:16px!important;padding:0!important;box-shadow:0 16px 42px #0000003d!important}.creative-preference-popper.is-dark{box-shadow:0 16px 42px #0006!important}.creative-preference-popper .el-popper__arrow:before{background:var(--preference-bg)!important;border-color:var(--preference-border)!important}.creative-preference-popper[data-popper-placement^=top]>.el-popper__arrow{clip-path:inset(50% -50% -50%)}.creative-preference-popper[data-popper-placement^=bottom]>.el-popper__arrow{clip-path:inset(-50% -50% 50%)}.creative-preference-popper[data-popper-placement^=left]>.el-popper__arrow{clip-path:inset(-50% -50% -50% 50%)}.creative-preference-popper[data-popper-placement^=right]>.el-popper__arrow{clip-path:inset(-50% 50% -50% -50%)}.creative-preference-panel{color:var(--preference-text);flex-direction:column;gap:18px;max-height:min(680px,100vh - 120px);padding:20px;display:flex;overflow-y:auto}.creative-preference-panel .creative-preference-kind-icon,.creative-preference-panel svg{flex-shrink:0;width:16px;height:16px}.creative-preference-panel__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.creative-preference-panel__heading strong{font-size:15px;font-weight:500}.creative-preference-panel button:focus-visible{outline:2px solid var(--preference-selected);outline-offset:2px}.creative-preference-toggle{color:var(--preference-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:12px;display:inline-flex}.creative-preference-toggle__track{background:#ffffff1a;border-radius:10px;align-items:center;width:30px;height:18px;padding:3px;transition:background-color .16s;display:inline-flex}.creative-preference-toggle__track.active{background:#027fff}.creative-preference-toggle__thumb{background:var(--preference-selected);border-radius:50%;width:12px;height:12px;transition:transform .16s;display:block;transform:translate(0)}.active .creative-preference-toggle__thumb{background:#fff;transform:translate(12px)}.creative-preference-tabs{background:var(--preference-field);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.creative-preference-tabs button{color:var(--preference-secondary);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:34px;padding:7px 12px;font-size:13px;font-weight:400;display:flex}.creative-preference-tabs button:hover{background:var(--preference-hover);color:var(--preference-text)}.creative-preference-tabs button.active{background:var(--preference-button);color:var(--preference-text);font-weight:500}.creative-preference-popper.is-dark .creative-preference-tabs button{color:#fff}.creative-preference-auto-state{padding:18px 4px}.creative-preference-auto-state>div{align-items:center;gap:9px;font-size:14px;display:flex}.creative-preference-auto-state p{color:var(--preference-secondary);margin:10px 0 2px;font-size:12px;line-height:1.5}.creative-preference-controls{border:0;flex-direction:column;gap:9px;min-width:0;margin:0;padding:0;display:flex}.creative-preference-field>span,.creative-preference-label{color:var(--preference-secondary);font-size:12px}.creative-ratio-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.creative-ratio-options button{background:var(--preference-button);color:var(--preference-secondary);cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:35px;padding:5px;font-size:12px;display:flex}.creative-ratio-options button:hover:not(:disabled){background:var(--preference-hover);color:var(--preference-text)}.creative-ratio-options button.active,.creative-ratio-options button.active:hover:not(:disabled){background:var(--preference-selected);color:var(--preference-on-selected)}.creative-ratio-options button:disabled{cursor:not-allowed}.creative-preference-popper.is-dark .creative-ratio-options button{color:#fffc;background:#ffffff0d;border-radius:6px;font-weight:400}.creative-preference-popper.is-dark .creative-ratio-options button:hover:not(:disabled):not(.active){color:#fff;background:#ffffff1f}.creative-preference-popper.is-dark .creative-ratio-options button.active,.creative-preference-popper.is-dark .creative-ratio-options button.active:hover:not(:disabled){color:#fff;background:#ffffff0d;border-color:#ffffff80;font-weight:600}.creative-ratio-preview{border:1px solid;border-radius:2px;flex-shrink:0;width:12px;height:12px;display:inline-block}.creative-ratio-preview:not(.is-smart){height:auto;min-height:8px}.creative-ratio-preview.is-smart{border-style:dashed;position:relative}.creative-ratio-preview.is-smart:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;top:3px;bottom:3px;left:3px;right:3px}.creative-preference-settings{grid-template-columns:minmax(0,1fr) 94px;gap:10px;margin-top:8px;display:grid}.creative-preference-field{flex-direction:column;gap:7px;min-width:0;display:flex;position:relative}.creative-preference-field .creative-preference-chevron{color:var(--preference-text);opacity:.65;pointer-events:none;width:10px;height:10px;position:absolute;bottom:12px;right:10px}.creative-preference-field:hover .creative-preference-chevron{opacity:1}.creative-preference-settings .el-select{width:100%}.creative-preference-settings .el-select__wrapper{background:var(--preference-field);border:1px solid var(--preference-border);box-shadow:none;color:var(--preference-text);border-radius:8px;width:100%;min-width:0;min-height:36px;padding:0 30px 0 10px;font-size:12px}.creative-preference-settings .el-select__wrapper.is-focused{border-color:var(--preference-secondary);box-shadow:none}.creative-preference-settings .el-select__wrapper.is-disabled{opacity:.6}.creative-preference-settings .el-select__placeholder{color:var(--preference-text)}.creative-preference-settings .el-select__suffix{display:none}.creative-preference-select-popper.is-dark{--preference-selected:#ffffff14;--preference-on-selected:#fff;--preference-hover:#ffffff14}.creative-preference-select-popper.el-popper{border-radius:8px;background:var(--preference-bg)!important;border-color:var(--preference-border)!important;padding:6px!important}.creative-preference-select-popper .el-scrollbar{margin-right:-4px}.creative-preference-select-popper .el-scrollbar__wrap{padding-right:4px}.creative-preference-select-popper .el-scrollbar__bar.is-vertical{right:2px}.creative-preference-select-popper .el-select-dropdown__list{flex-direction:column;gap:4px;padding:0;display:flex}.creative-preference-select-popper .el-select-dropdown__item{color:var(--preference-text);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;height:auto;min-height:34px;padding:8px 10px;font-size:13px;font-weight:400;line-height:18px;display:flex}.creative-preference-select-popper .el-select-dropdown__item.is-hovering:not(.is-disabled),.creative-preference-select-popper .el-select-dropdown__item:hover:not(.is-disabled){background:var(--preference-hover)}.creative-preference-select-popper .el-select-dropdown__item.is-selected:not(.is-disabled){background:var(--preference-selected);color:var(--preference-on-selected)}.creative-preference-select-popper .el-select-dropdown__item.is-disabled{color:var(--preference-secondary);opacity:.6}.creative-preference-select-popper .el-select-dropdown__item span{text-overflow:ellipsis;min-width:0;overflow:hidden}.creative-preference-select-popper.is-dark .el-select-dropdown__item.is-selected:not(.is-disabled){font-weight:600}.creative-preference-select-popper svg{flex:0 0 16px;width:16px;height:16px}.creative-preference-status{color:var(--preference-secondary);margin:0;font-size:12px;line-height:1.5}.creative-preference-summary{border-top:1px solid var(--preference-border);color:var(--preference-secondary);align-items:center;gap:6px;padding-top:13px;font-size:11px;display:flex}.creative-preference-summary svg{width:13px;height:13px}.creative-preference-trigger-control{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;display:inline-flex}.creative-preference-trigger-control:hover{background:#ffffff0d}.creative-preference-trigger-control.is-open{background:#80808029}.creative-preference-trigger-control svg{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.creative-preference-toggle__thumb,.creative-preference-toggle__track{transition:none}}