.gold-gradient-on .gold-name,.gold-gradient-on .name-composition h1 em{background-image:linear-gradient(var(--gold-angle),var(--gold-a) 0%,color-mix(in srgb,var(--gold-a),var(--gold-b)) var(--gold-balance),var(--gold-b) 100%);background-size:100% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.gold-gradient-on.gold-shine-on .gold-name,.gold-gradient-on.gold-shine-on .name-composition h1 em{background-image:linear-gradient(110deg,transparent 43%,rgba(255,248,218,var(--gold-shine)) 50%,transparent 57%),linear-gradient(var(--gold-angle),var(--gold-a),color-mix(in srgb,var(--gold-a),var(--gold-b)) var(--gold-balance),var(--gold-b));background-size:250% 100%,100% 100%;background-repeat:no-repeat;animation:gold-name-shine var(--gold-duration) ease-in-out infinite}
@keyframes gold-name-shine{0%,15%{background-position:180% 0,0 0}75%,100%{background-position:-100% 0,0 0}}
@media(prefers-reduced-motion:reduce){.gold-gradient-on.gold-shine-on .gold-name,.gold-gradient-on.gold-shine-on .name-composition h1 em{animation:none;background-image:linear-gradient(var(--gold-angle),var(--gold-a),var(--gold-b));background-size:100% 100%}}
#design-panel .gold-actions{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}#design-panel .ds-control input[type=number]{width:85px;padding:5px 8px;grid-column:2;justify-self:end}
#design-panel [aria-label="Design history"]{position:sticky;top:0;z-index:5;background:#fcfdfff5;padding:10px 0;display:flex;gap:8px;border-bottom:1px solid #e2e8ed}
#design-panel [aria-label="Design history"] button{flex:1}#design-panel button:disabled{opacity:.4;cursor:default}