.create-selector-page{position:relative;height:100svh;height:100dvh;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#f7f8fa;color:#0f1115;font-family:Satoshi,Helvetica Neue,Helvetica,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.create-selector-page:before{position:absolute;inset:0;z-index:0;content:"";background:linear-gradient(180deg,#fff,#f7f8fa 42%),radial-gradient(760px 420px at 50% -12%,rgba(22,104,220,.09),transparent 65%);pointer-events:none}.create-selector-topbar{position:relative;z-index:6;display:flex;align-items:center;padding:16px clamp(14px,3vw,28px)}.create-selector-brand-group{display:flex;align-items:center;gap:12px}.create-selector-menu-button{width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e6e8ec;border-radius:50%;color:#0f1115;background:#fff;cursor:pointer;box-shadow:0 2px 8px #0f11150a;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.create-selector-menu-button:hover{border-color:#c6cbd2;background:#edeff2;transform:translateY(-1px)}.create-selector-menu-button:focus-visible,.create-selector-card:focus-visible{outline:3px solid rgba(22,104,220,.28);outline-offset:3px}.create-selector-menu-button[hidden],.create-selector-brand[hidden]{display:none}.create-selector-brand{display:inline-flex;align-items:center;color:#0f1115;text-decoration:none}.create-selector-content{position:relative;z-index:2;width:min(100% - 56px,900px);min-height:0;margin:auto;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:0 0 20px}.create-selector-heading{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0;text-align:center}.create-selector-steps{display:inline-flex;max-width:100%;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:0;padding:6px 12px;list-style:none;border:1px solid var(--zd-blue-border, #dbe6f5);border-radius:999px;color:#5c626d;background:#fff;font-size:.72rem;font-weight:600}.create-selector-steps li{display:inline-flex;align-items:center;gap:6px}.create-selector-steps__sep{color:#c6cbd2}.create-selector-steps__num{width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--zd-blue, #1668dc);background:var(--zd-blue-soft, #e9f1fb);font-size:.62rem;font-weight:900}.create-selector-steps__num--current{color:#fff;background:var(--zd-blue, #1668dc)}.create-selector-heading h1{margin:0;color:#0f1115;font-size:clamp(2.1rem,4.6vw,3.1rem);font-weight:900;letter-spacing:-.045em;line-height:1.04}.create-selector-heading-rule{width:180px;max-width:60%;height:3px;border-radius:999px;background:linear-gradient(90deg,#1668dc00,#1668dcf5,#1668dc00)}.create-selector-heading p{max-width:520px;margin:0;color:#5c626d;font-size:clamp(.9rem,1.6vw,1rem);line-height:1.55}.create-selector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.create-selector-card{display:flex;min-width:0;flex-direction:column;gap:12px;padding:18px;border:1.5px solid #edf1f6;border-radius:18px;color:#0f1115;background:#fff;text-align:left;cursor:pointer;box-shadow:0 10px 26px -22px #0f1115b3;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.create-selector-card:hover{border-color:var(--zd-blue-border, #dbe6f5);box-shadow:0 16px 30px -20px #1668dc6b;transform:translateY(-3px)}.create-selector-card:active{transform:translateY(0) scale(.99)}.create-selector-card-icon{width:56px;height:56px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;color:var(--zd-blue, #1668dc);background:var(--zd-blue-soft, #e9f1fb)}.create-selector-card-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.create-selector-card-copy strong{color:#0f1115;font-size:1.08rem;font-weight:700;line-height:1.2}.create-selector-card-copy span{color:#64748b;font-size:.84rem;line-height:1.45}.create-selector-card-cta{margin-top:auto;display:inline-flex;align-items:center;gap:7px;color:#8b919b;font-size:.78rem;font-weight:700;transition:color .18s ease,transform .18s ease}.create-selector-card:hover .create-selector-card-cta,.create-selector-card:focus-visible .create-selector-card-cta{color:var(--zd-blue, #1668dc)}.create-selector-premium-row{display:flex}.create-selector-card--commercial{position:relative;isolation:isolate;width:100%;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 22px;color:#f8f9ff;border:1px solid rgba(255,255,255,.34);background:linear-gradient(112deg,#795cf4,#4d62ea 48%,#1678df);box-shadow:0 18px 34px -26px #285bcaf2}.create-selector-card--commercial:before{position:absolute;inset:-28% auto -28% -62%;width:52%;content:"";border-radius:inherit;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.08) 36%,rgba(255,255,255,.52) 50%,rgba(255,255,255,.08) 64%,transparent 80%);transform:skew(-16deg);animation:create-selector-commercial-sheen 3.8s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}.create-selector-card--commercial:hover,.create-selector-card--commercial:focus-visible{border-color:#ffffff94;background:linear-gradient(112deg,#896cff,#6074f4 48%,#2a88ed);box-shadow:0 20px 36px -24px #285bcafa}.create-selector-card--commercial>*{position:relative;z-index:1}.create-selector-card--commercial .create-selector-card-icon{width:52px;height:52px;border-radius:14px;color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.32)}.create-selector-card--commercial .create-selector-card-copy{gap:3px}.create-selector-card--commercial .create-selector-card-copy strong{color:#fff}.create-selector-card--commercial .create-selector-card-copy span{color:#f1f8ffe6;font-size:.85rem}.create-selector-card--commercial .create-selector-card-cta{margin-top:0;height:40px;flex:none;padding:0 16px;border-radius:10px;color:#fff;background:#ffffff2e;font-size:.8rem;font-weight:800}.create-selector-card--commercial:hover .create-selector-card-cta,.create-selector-card--commercial:focus-visible .create-selector-card-cta{color:#fff;background:#ffffff42}@keyframes create-selector-commercial-sheen{0%,28%{transform:translate(0) skew(-16deg);opacity:0}42%{opacity:1}72%,to{transform:translate(270%) skew(-16deg);opacity:0}}@media(max-width:1000px){.create-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.create-selector-page:before{background:linear-gradient(180deg,#fff,#f7f8fa 40%),radial-gradient(420px 300px at 50% -8%,rgba(22,104,220,.1),transparent 65%)}.create-selector-content{width:min(100% - 32px,520px);gap:16px;padding-bottom:16px}.create-selector-heading{gap:10px}.create-selector-steps{gap:7px;padding:5px 10px;font-size:.66rem}.create-selector-steps__num{width:16px;height:16px;font-size:.58rem}.create-selector-steps__long,.create-selector-heading p{display:none}.create-selector-heading h1{font-size:clamp(1.7rem,8vw,2.1rem)}.create-selector-heading-rule{width:120px}.create-selector-grid{gap:9px}.create-selector-card{gap:8px;padding:13px;border-radius:16px}.create-selector-card-icon{width:44px;height:44px;border-radius:13px}.create-selector-card-icon svg{width:28px;height:28px}.create-selector-card-copy strong{font-size:.95rem}.create-selector-card-copy span{font-size:.72rem;line-height:1.4}.create-selector-card-cta{display:none}.create-selector-card--commercial{gap:11px;padding:13px;border-radius:16px}.create-selector-card--commercial .create-selector-card-icon{width:42px;height:42px;border-radius:12px}.create-selector-card--commercial .create-selector-card-icon svg{width:28px;height:28px}.create-selector-card--commercial .create-selector-card-copy span{font-size:.72rem}.create-selector-card--commercial .create-selector-card-cta{display:inline-flex;width:32px;height:32px;padding:0;justify-content:center;border-radius:50%}.create-selector-card--commercial .create-selector-card-cta__label{display:none}}@media(min-width:769px){.create-selector-page{transition:padding-left .32s cubic-bezier(.25,.8,.35,1)}.create-selector-page--menu-open{padding-left:var(--sidebar-width)}}@media(prefers-reduced-motion:reduce){.create-selector-menu-button,.create-selector-card,.create-selector-card-cta,.create-selector-card--commercial:before{transition:none;animation:none}}