[data-radix-popper-content-wrapper] .creative-control-popover.creative-control-popover{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:0;width:min(304px,calc(100vw - 32px));max-height:min(420px,calc(100dvh - 96px));border:1px solid color-mix(in srgb,var(--og-text) 14%,var(--og-border));border-radius:var(--og-radius-panel);background:var(--og-surface-raised);color:var(--og-text);box-shadow:var(--og-shadow-overlay);font-family:var(--og-sans)}[data-radix-popper-content-wrapper] .creative-control-popover.creative-choice-popover{width:max-content;min-width:168px;max-width:min(304px,calc(100vw - 32px));padding:0}[data-radix-popper-content-wrapper] .creative-control-popover:is(.creative-settings-popover,.creative-setting-editor){width:min(296px,calc(100vw - 32px));min-width:0;max-width:none;padding:0}.creative-control-popover .creative-editor-head{flex:none;display:flex;align-items:center;gap:6px;min-height:44px;padding:10px 14px 6px}.creative-control-popover .creative-editor-title{margin:0;font:600 13px/18px var(--og-sans);letter-spacing:0;text-transform:none;color:var(--og-text)}.creative-control-popover .creative-editor-back{display:none;flex:none;align-items:center;justify-content:center;width:32px;height:32px;margin-left:-8px;border:0;border-radius:var(--og-radius-pill);background:transparent;color:var(--og-text-secondary)}.creative-control-popover .creative-editor-back:hover{background:var(--og-surface-hover);color:var(--og-text)}.creative-control-popover .creative-editor-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:2px 10px 12px;overscroll-behavior:contain}.creative-control-popover .creative-editor-body h3.uppercase{display:none}.creative-control-popover .creative-editor-body>div{padding:0}.creative-control-popover .creative-editor-body :is(.space-y-6,.space-y-8){display:grid;gap:12px}.creative-control-popover .creative-editor-body :is(.space-y-6,.space-y-8,.space-y-4,.space-y-3)>*{margin:0}.creative-control-popover .creative-editor-body label{color:var(--og-text)}.creative-control-popover .creative-editor-body :is(p,small){color:var(--og-text-secondary);font-size:12px;line-height:18px}.creative-control-popover .creative-settings-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:2px 8px 8px;overscroll-behavior:contain}.creative-control-popover .creative-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:8px 10px 8px 12px;border:1px solid transparent;border-radius:var(--og-radius-control);background:transparent;color:var(--og-text);text-align:left;transition:background var(--og-duration-fast),border-color var(--og-duration-fast)}.creative-control-popover .creative-setting-row>span{display:flex;flex-direction:column;gap:3px;min-width:0}.creative-control-popover .creative-setting-row small{font:500 11px/14px var(--og-sans);color:var(--og-text-secondary)}.creative-control-popover .creative-setting-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 14px/20px var(--og-sans);color:var(--og-text)}.creative-control-popover .creative-setting-row[data-empty] strong{font-weight:400;color:var(--og-text-secondary)}.creative-control-popover .creative-setting-row>svg{flex:none;color:var(--og-text-secondary)}.creative-control-popover .creative-setting-row:not(:disabled):hover{background:var(--og-surface-hover)}.creative-control-popover .creative-setting-row[data-state=open]{background:var(--og-blue-soft);border-color:color-mix(in srgb,var(--og-link) 45%,transparent)}.creative-control-popover .creative-setting-row[data-state=open]>svg{color:var(--og-link)}.creative-control-popover .creative-setting-row:disabled{opacity:.45;cursor:not-allowed}.creative-control-popover .creative-parameter-options{display:flex;flex-direction:column;gap:2px}.creative-control-popover .creative-parameter-option{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 12px;border:1px solid transparent;border-radius:var(--og-radius-control);background:transparent;color:var(--og-text);font:400 13px/18px var(--og-sans);text-align:left;cursor:pointer;transition:background var(--og-duration-fast)}.creative-control-popover .creative-parameter-option-label{flex:1 1 auto;min-width:0}.creative-control-popover .creative-parameter-option:not(:disabled):hover{background:var(--og-surface-hover)}.creative-control-popover .creative-parameter-option[data-state=checked]{background:var(--og-blue-soft);border-color:color-mix(in srgb,var(--og-link) 45%,transparent);font-weight:500}.creative-control-popover .creative-parameter-option-check{display:inline-flex;flex:none;color:var(--og-link)}.creative-control-popover .creative-parameter-option:disabled{opacity:.45;cursor:not-allowed}.creative-control-popover button[role=switch]{box-sizing:border-box;width:34px;height:20px;min-width:0;min-height:0;padding:0;border:1px solid var(--og-border-control);border-radius:var(--og-radius-pill);background:var(--og-surface-hover);transition:background var(--og-duration-fast),border-color var(--og-duration-fast)}.creative-control-popover button[role=switch]>span{width:14px;height:14px;margin-left:2px;translate:none;box-shadow:none;background:var(--og-text-secondary);transition:transform var(--og-duration-ui) var(--og-ease),background var(--og-duration-fast)}.creative-control-popover button[role=switch][data-state=checked]{background:var(--og-blue);border-color:var(--og-blue)}.creative-control-popover button[role=switch][data-state=checked]>span{transform:translateX(14px);background:#fff}[data-radix-popper-content-wrapper] .creative-control-popover :is(.creative-setting-row,.creative-parameter-option,.creative-editor-back):focus-visible{outline:2px solid var(--og-link)!important;outline-offset:-2px;box-shadow:none!important}@media (max-width:640px){.creative-control-popover .creative-editor-back{display:inline-flex}[data-radix-popper-content-wrapper] .creative-control-popover.creative-settings-popover[data-editing=true]{visibility:hidden}}.creative-control-tip{z-index:60;padding:5px 10px;border:1px solid var(--og-border-control);border-radius:var(--og-radius-control);background:var(--og-surface-hover);color:var(--og-text);font:500 12px/16px var(--og-sans);box-shadow:var(--og-shadow-card)}@media (prefers-reduced-motion:reduce){.creative-control-popover *{transition:none!important}}
/*# sourceMappingURL=88c5427e1347d6fb.css.map*/