.creator-platform-presets{position:relative;min-width:0;border-radius:.375rem}.creator-platform-presets[data-chrome=panel]{padding:.625rem .75rem;background:var(--cpp-surface);border:1px solid var(--cpp-border);box-shadow:0 10px 26px color-mix(in srgb,var(--cpp-shadow) 24%,transparent)}.creator-platform-presets[data-chrome=bare]{padding:.625rem .75rem;background:transparent;border:0}.creator-platform-presets__header{display:flex;min-height:1.25rem;align-items:baseline;justify-content:space-between;gap:.75rem}.creator-platform-presets__label{min-width:0;color:var(--cpp-text-muted)}.creator-platform-presets__readout{flex-shrink:0;color:var(--cpp-text)}.creator-platform-presets__tracks{position:relative;display:flex;max-width:100%;align-items:stretch;gap:.5rem;margin-top:.375rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}.creator-platform-presets__option{position:relative;display:flex;flex-shrink:0;scroll-snap-align:start;align-items:center;justify-content:center;padding:.5rem .375rem;min-height:50px;width:76px;border-radius:10px;border:1px solid var(--cpp-border);outline:none;background:color-mix(in srgb,var(--cpp-surface-elevated) 88%,transparent);color:var(--cpp-text-muted);box-shadow:0 1px 2px color-mix(in srgb,var(--cpp-shadow) 18%,transparent);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out}.creator-platform-presets[data-compact=true] .creator-platform-presets__option{padding:.375rem;min-height:46px;width:68px}.creator-platform-presets__option:focus-visible,.creator-platform-presets__option:hover{transform:translateY(-2px)}.creator-platform-presets__option[data-active=false]:focus-visible,.creator-platform-presets__option[data-active=false]:hover{background:color-mix(in srgb,var(--cpp-primary) 10%,var(--cpp-surface-elevated));border-color:color-mix(in srgb,var(--cpp-primary) 46%,var(--cpp-border));color:var(--cpp-text)}.creator-platform-presets__option[data-active=true]{background:var(--cpp-primary);border-color:var(--cpp-primary);color:var(--cpp-on-primary);box-shadow:0 8px 24px color-mix(in srgb,var(--cpp-primary) 28%,transparent),inset 0 1px 0 color-mix(in srgb,white 18%,transparent)}.creator-platform-presets__option[data-active=true]:focus-visible,.creator-platform-presets__option[data-active=true]:hover{background:var(--cpp-primary-hover);border-color:var(--cpp-primary-hover)}.creator-platform-presets__option:focus-visible{z-index:10;outline:2px solid var(--cpp-primary);outline-offset:2px}@media (min-width:640px){.creator-platform-presets[data-compact=true] .creator-platform-presets__tracks{flex-wrap:wrap;overflow:visible}}@media (min-width:1024px){.creator-platform-presets[data-compact=false] .creator-platform-presets__tracks{flex-wrap:wrap;overflow:visible}}@media (prefers-reduced-motion:reduce){.creator-platform-presets__option{transition:none}.creator-platform-presets__option:focus-visible,.creator-platform-presets__option:hover{transform:none}}