@import url('https://fonts.googleapis.com/css2?family=Galada&family=Hind+Siliguri:wght@400;500;600;700&family=Noto+Sans+Bengali:wght@400;500;600;700&display=swap');
.hbgc-wrap{max-width:900px;margin:24px auto;padding:20px;box-sizing:border-box;color:#222;font-family:"Noto Sans Bengali","Hind Siliguri",sans-serif}
.hbgc-heading{text-align:center;margin:0 0 8px;font-size:clamp(24px,4vw,34px)}
.hbgc-intro{text-align:center;margin:0 0 22px;color:#555}
.hbgc-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}
.hbgc-field{display:flex;flex-direction:column;gap:8px;font-weight:600}
.hbgc-field input{width:100%;box-sizing:border-box;min-height:44px;padding:10px;border:1px solid #c9c9c9;border-radius:6px;background:#fff;color:#222}.hbgc-field input[type="range"]{padding:0;min-height:32px;accent-color:#087a43}
.hbgc-button{grid-column:1/-1;min-height:48px;border:0;border-radius:6px;background:#087a43;color:#fff;font-size:17px;font-weight:700;padding:12px 20px;cursor:pointer}
.hbgc-button:hover{background:#066638}
.hbgc-note{grid-column:1/-1;margin:0;color:#666;font-size:13px}
.hbgc-preview{max-width:620px;margin:0 auto}
.hbgc-preview canvas{display:block;width:100%;height:auto;border:1px solid #ddd;background:#f7f7f7}
.hbgc-error{color:#b00020;text-align:center;min-height:1.2em}
.hbgc-footer-link{text-align:center;padding:14px 10px;background:#f4f4f4;border-top:1px solid #ddd}
.hbgc-footer-link a{font-weight:700;color:#087a43;text-decoration:none}
.hbgc-footer-link a:hover{text-decoration:underline}
@media(max-width:560px){.hbgc-wrap{padding:12px}.hbgc-controls{grid-template-columns:1fr}.hbgc-button,.hbgc-note{grid-column:1}}