/* Keep the original design while making the generator a single contained workspace. */
.generator-section .generator-card{max-width:1080px;margin:0 auto;overflow:visible}
.generator-section .generator-head{margin-left:auto;margin-right:auto;max-width:1080px}
.generator-card .generator-fields{width:100%;margin-top:8px}
.generator-card .generator-fields>div{min-width:0}
.generator-card .generator-actions{display:flex;flex-wrap:wrap;align-items:center}
.generator-card .generator-actions button{white-space:normal}
.generator-card #rangeInfo{display:inline-flex}
.generator-card .preview-wrap{max-width:100%}
.generator-card .atm-overlay{max-width:none}
.generator-disclaimer{max-width:1080px;margin:20px auto 0}
.dataset-hint{font-size:13px;line-height:1.7;color:#68706c;margin-top:20px}
.footer-links{display:flex;flex-wrap:wrap;gap:14px;font-size:12px}
.footer-links a:hover{color:#f5a143}
@media(max-width:780px){header{height:auto;min-height:76px;flex-wrap:wrap;gap:12px;padding-top:14px;padding-bottom:14px}header nav{display:flex;order:3;width:100%;overflow-x:auto;gap:17px;white-space:nowrap;padding-bottom:4px}header nav a{font-size:10px}.header-cta{margin-left:auto}.generator-card .generator-fields{grid-template-columns:1fr}.generator-card .generator-actions button{flex:1 1 145px}.generator-section{padding-left:18px;padding-right:18px}footer{gap:15px}.footer-links{width:100%;order:4}}

/* Zharief identity */
header .brand,footer .brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;text-decoration:none}header .brand-logo{width:52px;height:52px;object-fit:contain;flex-shrink:0}footer .brand-logo{width:36px;height:36px;object-fit:contain}header .brand-name{font-size:29px;letter-spacing:-.7px;color:#fff}footer .brand-name{font-size:23px;color:#fff}@media(max-width:650px){header .brand-logo{width:39px;height:39px}header .brand-name{font-size:24px}header .brand{gap:7px}}