.klyp-ComposerSettingsPopover__trigger{align-items:center;gap:var(--space-6);block-size:36px;padding-inline:var(--space-12);border-radius:var(--r-chip);border:var(--bw-default) solid var(--color-border-subtle);background:var(--color-bg-surface-solid);color:var(--color-fg-muted);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);flex-shrink:0;display:inline-flex}.klyp-ComposerSettingsPopover__trigger[data-hovered]:not([data-disabled]){background:var(--color-bg-surface-hover);color:var(--color-fg-primary);border-color:var(--color-border-strong)}.klyp-ComposerSettingsPopover__trigger[data-pressed]:not([data-disabled]){background:var(--color-bg-surface-hover)}.klyp-ComposerSettingsPopover__trigger[data-focus-visible]{outline:var(--bw-default) solid var(--color-ring);outline-offset:var(--bw-emphasis)}.klyp-ComposerSettingsPopover__trigger[data-disabled]{opacity:var(--opacity-50);cursor:not-allowed}.klyp-ComposerSettingsPopover__triggerProvider{flex-shrink:0;align-items:center;display:inline-flex}.klyp-ComposerSettingsPopover__triggerLabel{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.klyp-ComposerSettingsPopover__triggerPreview{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;max-inline-size:32ch;display:none;overflow:hidden}@media (width>=900px){.klyp-ComposerSettingsPopover__triggerLabel{display:none}.klyp-ComposerSettingsPopover__triggerPreview{display:inline}}.klyp-ComposerSettingsPopover__popoverSurface{box-shadow:var(--fx-panel-shadow);background:var(--color-bg-surface)!important;border:var(--bw-default) solid var(--color-border-subtle)!important;border-radius:var(--r-section)!important;inline-size:auto!important;padding:0!important}@media (width<=480px){.klyp-ComposerSettingsPopover__popoverSurface{max-inline-size:calc(100vw - var(--space-32));left:50%!important;transform:translate(-50%)!important}}.klyp-ComposerSettingsPopover__panel{gap:var(--space-10);inline-size:300px;padding:var(--space-12);flex-direction:column;display:flex}.klyp-ComposerSettingsPopover__panel .klyp-TabSwitcher__option{font-variant-numeric:tabular-nums}.klyp-ComposerSettingsPopover__panel .klyp-BrandSelect,.klyp-ComposerSettingsPopover__panel .klyp-BrandSelect__trigger{inline-size:100%}.klyp-ComposerSettingsPopover__modalitySwitcher .klyp-TabSwitcher__option[data-active] .klyp-TabSwitcher__label,.klyp-ComposerSettingsPopover__modalitySwitcher .klyp-TabSwitcher__option[data-selected] .klyp-TabSwitcher__label{color:var(--color-accent)}.klyp-ComposerSettingsPopover__selectRow{gap:var(--space-8);inline-size:100%;display:grid}.klyp-ComposerSettingsPopover__selectRow[data-modality=video]{grid-template-columns:.9fr 1.2fr 1.1fr}.klyp-ComposerSettingsPopover__selectRow[data-modality=video]:not(:has(>:nth-child(3))){grid-template-columns:.9fr 1.2fr}.klyp-ComposerSettingsPopover__selectRow[data-modality=image]{grid-template-columns:1fr 1fr}.klyp-ComposerSettingsPopover__selectRow .klyp-BrandSelect,.klyp-ComposerSettingsPopover__selectRow .klyp-BrandSelect__trigger{inline-size:100%}.klyp-ComposerSettingsPopover__toggleRow.klyp-Switch{justify-content:space-between;align-items:center;gap:var(--space-12);block-size:36px;inline-size:100%;padding-inline:var(--space-12);border-radius:var(--r-chip);border:var(--bw-default) solid transparent;color:var(--color-fg-primary);font-size:var(--font-size-13);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);background:0 0;flex-direction:row-reverse;display:flex}.klyp-ComposerSettingsPopover__toggleRow.klyp-Switch[data-hovered]:not([data-disabled]){background:var(--color-bg-surface-hover);border-color:var(--color-border-subtle)}.klyp-ComposerSettingsPopover__toggleRow.klyp-Switch[data-focus-visible]{outline:var(--bw-default) solid var(--color-ring);outline-offset:var(--bw-emphasis)}.klyp-ComposerSettingsPopover__toggleRow.klyp-Switch .klyp-Switch__label{min-inline-size:0;font-weight:var(--font-weight-medium);align-items:baseline;gap:var(--space-6);flex:1;display:inline-flex}.klyp-ComposerSettingsPopover__toggleRowHint{font-size:var(--font-size-11);color:var(--color-fg-muted);font-weight:var(--font-weight-regular)}
