.hero-generator-preview{gap:18px;display:grid}.hero-generator-preview>header{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:20px;display:grid}.hero-generator-preview h2{overflow-wrap:anywhere;margin:4px 0}.generator-portrait{aspect-ratio:1;color:#e6c47f;background:#173a31;border:3px solid #a87d3d;border-radius:50%;place-items:center;width:150px;font:56px Georgia,serif;display:grid;position:relative;overflow:hidden}.generator-portrait img{object-fit:cover}.generator-note{background:#e1ead9;border-radius:10px;margin:0;padding:12px 15px;font-size:.9rem}.generator-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.generator-field{background:#fff9eb;border:1px solid #bca36e;border-radius:12px;gap:12px;min-width:0;padding:14px;display:grid}.generator-field>div:first-child{gap:4px;display:grid}.generator-field>div:first-child span,.generator-prompt span{text-transform:uppercase;letter-spacing:.1em;color:#6f552c;font-size:.7rem;font-weight:800}.generator-field strong{overflow-wrap:anywhere;line-height:1.4}.generator-field>div:last-child{flex-wrap:wrap;gap:6px;display:flex}.generator-lock,.generator-reroll{font-size:.75rem;color:#25483d!important;background:#f1e3c7!important;border:1px solid #9f875d!important;border-radius:999px!important;min-height:36px!important;padding:6px 10px!important}.generator-lock[aria-pressed=true]{color:#fff2d5!important;background:#173d34!important}.generator-field button:disabled{opacity:.55!important}.generator-introduction{background:#f5e6c9;border-left:4px solid #a87d3d;margin:0;padding:18px 20px;font:italic 1.06rem/1.6 Georgia,serif}.generator-prompt{background:#e1e9dc;border:1px solid #718e7e;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.generator-prompt p{margin:5px 0 0;line-height:1.5}.generator-prompt button{flex:none;min-height:40px!important;padding:8px 12px!important}.generator-locked-note{background:#efe2ca;border:1px dashed #8d7349;border-radius:10px;padding:12px 15px}.generator-actions{flex-wrap:wrap;gap:10px;display:flex}.generator-actions button{flex:1;min-width:135px}.generator-actions .setup-link{flex:none}@media (max-width:620px){.hero-generator-preview>header{grid-template-columns:92px minmax(0,1fr);gap:13px}.generator-portrait{width:92px}.generator-fields{grid-template-columns:1fr}.generator-prompt{flex-direction:column;align-items:flex-start}.generator-prompt button{width:100%}.generator-actions{display:grid}.generator-actions button{width:100%}}.generator-fields{border:0;min-width:0;margin:0;padding:0}.generator-fields>legend{text-transform:uppercase;letter-spacing:.1em;grid-column:1/-1;font-size:.78rem;font-weight:800}