body.dev-preset-enabled{padding-top:var(--dev-bar-height,116px)}
.dev-preset-bar{position:fixed;top:0;left:0;right:0;z-index:120;background:#fffffff5;backdrop-filter:blur(20px);border-bottom:1px solid #e8e8e8;padding:12px max(20px,calc((100vw - 1184px)/2));font-size:11px;color:#151515;box-shadow:0 6px 24px #00000005}
.dev-preset-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}
.dev-preset-top>strong{font-size:10px;font-weight:600;letter-spacing:.08em;white-space:nowrap}
.dev-funnel-stages{display:flex;gap:5px}
.dev-funnel-stages button{font-size:10px;border:1px solid #e5e5e5;border-radius:7px;background:#fff;padding:5px 9px;color:#626262}
.dev-funnel-stages button[aria-pressed=true]{background:#151515;color:#fff;border-color:#151515}
.dev-funnel-stages button:disabled{opacity:.45;cursor:default}
.dev-preset-choices{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.dev-preset-choices button{display:flex;flex-direction:column;gap:4px;align-items:flex-start;border:1px solid #e5e5e5;background:#fff;border-radius:10px;padding:10px 12px;text-align:left;color:#151515;line-height:1.3;min-width:0}
.dev-preset-choices strong{font-size:12px;font-weight:600;letter-spacing:-.02em}.dev-preset-choices span{font-size:10px;color:#626262}
.dev-preset-choices button[aria-pressed=true]{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 7%,white);box-shadow:0 0 0 1px color-mix(in srgb,var(--blue) 30%,transparent)}
.dev-preset-enabled .brand-preview{top:var(--dev-bar-height,116px)}
html:has(.dev-preset-enabled){scroll-padding-top:calc(30px + var(--dev-bar-height,116px) + var(--preview-toolbar-height,0px))}
:root[data-preview-mode=dark] .dev-preset-bar{background:#222222f5;color:#f5f5f5;border-color:#ffffff18}
:root[data-preview-mode=dark] :is(.dev-funnel-stages button,.dev-preset-choices button){background:var(--dark-surface);border-color:#ffffff22;color:#f5f5f5}
:root[data-preview-mode=dark] .dev-preset-choices span{color:#bdbdbd}
:root[data-preview-mode=dark] .dev-preset-choices button[aria-pressed=true]{background:color-mix(in srgb,var(--blue) 13%,var(--dark-surface));border-color:var(--blue)}
:root[data-preview-mode=dark] .dev-funnel-stages button[aria-pressed=true]{background:var(--blue);color:#151515}
@media(max-width:720px){.dev-preset-bar{padding:10px 12px}.dev-preset-top{align-items:flex-start;gap:8px;flex-direction:column;margin-bottom:8px}.dev-preset-top>strong{font-size:9px}.dev-funnel-stages button{font-size:9px;padding:5px 7px}.dev-preset-choices{display:flex;overflow-x:auto;gap:6px;padding-bottom:3px}.dev-preset-choices button{flex:0 0 155px;padding:8px 10px}.dev-preset-choices strong{font-size:11px}.dev-preset-choices span{font-size:9px}}