.designer-page .designer-nav-actions {
  gap: 8px;
}

.designer-page .designer-nav-actions > button {
  box-sizing: border-box;
  min-width: 0;
  height: 40px;
  min-height: 40px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgba(29, 29, 31, .1);
  border-radius: 12px;
  color: #3a3a3c;
  background: rgba(255, 255, 255, .78);
  box-shadow: none;
  font: 650 12px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  white-space: nowrap;
}

.designer-page .designer-nav-actions > button svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.designer-page .designer-nav-actions > button:hover {
  border-color: rgba(0, 113, 227, .22);
  color: #0066cc;
  background: #fff;
}

.designer-page .designer-nav-actions > button:active { transform: scale(.97); }

.designer-page .designer-nav-actions #exportTop {
  border-color: #0071e3;
  color: #fff;
  background: #0071e3;
}

.designer-page .designer-nav-actions #exportTop:hover {
  color: #fff;
  background: #0068d1;
}

@media (max-width: 760px) {
  .designer-page .designer-nav-actions > button {
    width: 40px;
    padding: 0;
  }
  .designer-page .designer-nav-actions > button > span { display: none; }
}
.diy-creator-login{width:min(440px,calc(100% - 28px));padding:0;border:0;border-radius:26px;color:#1d1d1f;background:rgba(255,255,255,.96);box-shadow:0 28px 90px rgba(18,31,48,.26);backdrop-filter:blur(28px) saturate(1.2)}.diy-creator-login::backdrop{background:rgba(12,18,28,.42);backdrop-filter:blur(9px)}.diy-creator-login form{position:relative;padding:30px}.diy-creator-login h2{margin:7px 0 10px;font-size:28px;letter-spacing:-.035em}.diy-creator-login form>p:not(.eyebrow):not(.diy-login-message){margin:0 0 24px;color:#6e6e73;font-size:14px;line-height:1.65}.diy-creator-login label{display:grid;gap:8px;color:#515154;font-size:13px;font-weight:700}.diy-creator-login input{height:54px;padding:0 16px;border:1px solid rgba(29,29,31,.12);border-radius:15px;color:#1d1d1f;background:#f5f5f7;font:720 19px/1 system-ui;letter-spacing:.14em;text-transform:uppercase;outline:none}.diy-creator-login input:focus{border-color:rgba(0,113,227,.58);background:#fff;box-shadow:0 0 0 4px rgba(0,113,227,.1)}.diy-creator-login form>div{margin-top:22px;display:grid;grid-template-columns:auto 1fr;gap:10px}.diy-creator-login button{min-height:46px;padding:0 17px;border:0;border-radius:14px;font:700 13px/1 system-ui;cursor:pointer;transition-property:transform,opacity,background-color;transition-duration:150ms}.diy-creator-login button:active{transform:scale(.96)}.diy-login-submit{color:#fff;background:#0071e3}.diy-login-cancel{color:#515154;background:#ececf0}.diy-login-close{position:absolute;top:16px;right:16px;width:40px;min-height:40px!important;padding:0!important;border-radius:50%!important;color:#69696e;background:#eeeef1}.diy-login-message{min-height:20px;margin:10px 0 0;color:#c82920;font-size:12px}.diy-creator-login.closing{animation:diy-login-out 160ms ease-out forwards}@keyframes diy-login-out{to{opacity:0;transform:translateY(6px)}}@media(max-width:520px){.diy-creator-login form{padding:24px}.diy-creator-login form>div{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.diy-creator-login button{transition:none}.diy-creator-login.closing{animation:none}}