.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; }
}
.maker-login-gate{width:min(560px,calc(100% - 40px));margin:clamp(48px,10vh,100px) auto;padding:36px;border:1px solid #e3e5e8;border-radius:24px;background:#fff;text-align:center;box-shadow:0 12px 32px rgba(29,29,31,.05)}
.maker-login-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 20px;border-radius:16px;color:#0071e3;background:#edf5ff}
.maker-login-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.maker-login-gate h1{margin:10px 0 16px;font-size:clamp(26px,4vw,34px);line-height:1.25;text-wrap:balance}
.maker-login-gate>p:not(.eyebrow){color:#6e6e73;font-size:14px;line-height:1.7;text-wrap:pretty}
#makerLoginStatus{min-height:48px;margin:18px 0}
.maker-login-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.maker-login-actions a,.maker-login-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border:1px solid #d5d8dd;border-radius:12px;font:600 14px/1.2 system-ui;text-decoration:none;cursor:pointer}
.maker-login-actions a{color:#fff;background:#0071e3;border-color:#0071e3}
.maker-login-actions button{color:#3a3a3c;background:#f5f5f7}
.maker-login-actions :focus-visible{outline:3px solid #0071e3;outline-offset:3px}
.maker-locked{overflow:auto}
.maker-locked .designer-rulers{display:none}
.maker-locked .nav nav a[href="submit.html"]{display:none}
@media(max-width:760px){.maker-login-gate{padding:28px 22px}.maker-locked .designer-nav-actions #submitCreative{width:auto;padding:0 16px}.maker-locked .designer-nav-actions #submitCreative>span{display:inline}}
.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}}

.template-submit-dialog .template-submit-modes{display:grid;grid-template-columns:1fr;gap:12px;margin:18px 0}
.template-submit-dialog .template-submit-modes label{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #dde2e8;border-radius:12px;background:#f7f9fb;cursor:pointer}
.template-submit-dialog input[type=radio]{width:18px;height:18px;margin:0;padding:0;accent-color:#0071e3;box-shadow:none}
.template-submit-dialog select{width:100%;min-height:46px;padding:10px;border:1px solid #d5dbe2;border-radius:10px;background:#fff;color:#1d1d1f;font:inherit}
.template-submit-dialog .template-submit-target[hidden]{display:none}
.template-submit-dialog .template-submit-note{min-height:36px;margin:14px 0 0!important;font-size:12px!important;line-height:1.6;color:#647069}
.template-submit-dialog select:focus-visible{outline:3px solid #0071e3;outline-offset:3px}