/* Typography remains separate from artwork placement and game state. */
body .hero { text-align:var(--title-font-align,center);padding-top:calc(15px + var(--title-rotation-space,0px));padding-bottom:calc(10px + var(--title-rotation-space,0px));padding-inline:calc(8px + var(--title-rotation-inline-space,0px)); }
body .hero .metallic-title { text-align:var(--title-font-align,center);background:none;-webkit-text-fill-color:currentColor; }
body .studio-preview .hero {padding-top:calc(12px + var(--title-rotation-space,0px));padding-bottom:calc(12px + var(--title-rotation-space,0px));padding-inline:var(--title-rotation-inline-space,0px);}
body .metallic-title>[data-title-text] {
 display:inline-block;
 font-size:calc(1em * var(--title-font-scale,1));
 font-style:var(--title-font-style,normal);
 font-weight:var(--title-font-weight,inherit);
 transform:rotate(var(--title-font-rotation,0deg));
 transform-origin:center;
 max-width:100%;overflow-wrap:anywhere;
 background:linear-gradient(180deg,#fff7ce 0%,#e1b746 19%,#fff3b3 33%,#947025 45%,#e8bc4c 49%,#fff1b5 60%,#c9992e 76%,#ffe89c 93%,#93641f 100%);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
body[data-title-orientation='vertical'] .metallic-title>[data-title-text] {
 writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;
}
/* Parent title/layout transforms still apply to an uploaded logo independently. */
.studio-type-heading {margin:18px 0 4px;font:700 12px/1.4 'Segoe UI',sans-serif;color:var(--theme-accent);letter-spacing:.06em}
.studio-type-grid {display:grid;grid-template-columns:1fr 1fr;gap:0 12px;min-width:0}
.studio-type-grid>*{min-width:0}
.studio-type-sample {margin:12px 0 0;padding:12px;border:1px solid var(--theme-border);border-radius:5px;color:var(--cream);overflow-wrap:anywhere}
@media(max-width:380px){.studio-type-grid{grid-template-columns:1fr}}