/* Builder landing and shared app: aligned controls, gold frame + lime feedback. */
body.builder-easy .hd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;padding:18px 24px;overflow:visible}
body.builder-easy .hd-l{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;width:100%}
body.builder-easy .hd .ml-xnav{flex-wrap:wrap;gap:8px 12px}
body.builder-easy .hd .ml-xnav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;box-sizing:border-box;border:1px solid transparent;border-radius:12px}
body.builder-easy .hd .stages{margin:0;align-self:center;justify-content:flex-start}
body.builder-easy .hd-r{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;min-width:0}
body.builder-easy .hd-r :is(button,.avatar){min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;line-height:1.35;white-space:normal;text-align:center;margin:0}
body.builder-easy .hd-r .builder-help-launch{position:static;max-width:100%;font-size:14px;border-radius:22px;flex-shrink:0}
body.builder-easy .hd .save-state{max-width:210px;font-size:11px}
body.builder-easy :is(button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"],summary,a.avatar,.ml-xnav a,.ur-open,a.btn,a.button):not(:disabled){transition:color .16s ease,border-color .16s ease,box-shadow .16s ease}
@media(hover:hover) and (pointer:fine){
 body.builder-easy :is(button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"],summary,a.avatar,.ml-xnav a,.ur-open,a.btn,a.button):not(:disabled):not([aria-disabled="true"]):hover{color:#c4ee37!important;background:#141911!important;border-color:#c9a257!important;box-shadow:inset 0 0 0 1px #c9a257}
 body.builder-easy :is(button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"],summary,a.avatar,.ml-xnav a,.ur-open,a.btn,a.button):not(:disabled):not([aria-disabled="true"]):hover :is(span,strong,small,svg){color:inherit!important}
}
body.builder-easy :is(button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"],summary,a.avatar,.ml-xnav a,.ur-open,a.btn,a.button):not(:disabled):not([aria-disabled="true"]):focus-visible{color:#c4ee37!important;background:#141911!important;border-color:#c9a257!important;outline:2px solid #c9a257;outline-offset:3px}
@media(max-width:760px){
 body.builder-easy.studio-menu-ready .hd{display:flex;flex-wrap:wrap;padding:12px 16px;gap:12px}
 body.builder-easy.studio-menu-ready .hd-l{gap:12px;flex-basis:100%}
 body.builder-easy.studio-menu-ready .hd-r{display:flex;flex-basis:100%;justify-content:flex-start;gap:10px}
 body.builder-easy .hd-r .builder-help-launch{flex:1 1 180px}
 body.builder-easy .hd .stages{order:3;flex-basis:100%}
 body.builder-easy .hd-r .save-state{display:none}
}
@media(prefers-reduced-motion:reduce){body.builder-easy :is(button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"],summary,a.avatar,.ml-xnav a,.ur-open,a.btn,a.button){transition:none}}

body.builder-easy :is(button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"],summary,a.avatar,.ml-xnav a,.ur-open,a.btn,a.button):not(:disabled):not([aria-disabled="true"]):focus-visible :is(span,strong,small,svg){color:inherit!important}

/* A steady label with a slow perimeter highlight, never a flashing CTA. */
@property --astra-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
body.builder-easy .hd-r .builder-help-launch{position:relative;inset:auto;isolation:isolate;background:#141911;color:#ead398;border-color:#c9a257;box-shadow:0 0 14px #c9a25718}
body.builder-easy .builder-help-launch::before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;pointer-events:none;background:conic-gradient(from var(--astra-angle),#c9a25755 0deg,#c9a25755 235deg,#f9e6b4 280deg,#c4ee37 300deg,#c9a25755 345deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:astra-border-orbit 5s linear infinite}
@keyframes astra-border-orbit{to{--astra-angle:360deg}}
html.ml-motion-off .builder-help-launch::before{animation:none!important}
@media(prefers-reduced-motion:reduce){body.builder-easy .builder-help-launch::before{animation:none!important}}

/* Light theme keeps the moving gold edge visible against the pale header. */
html[data-theme="light"] body.builder-easy .hd-r .builder-help-launch{background:#fff9e9;color:#384321;border-color:#a27c2d;box-shadow:0 2px 12px #96702324}
html[data-theme="light"] body.builder-easy .builder-help-launch::before{background:conic-gradient(from var(--astra-angle),#b38b4140 0deg,#b38b4140 225deg,#986714 265deg,#d8ac43 290deg,#789c20 310deg,#b38b4140 345deg)}