.bmg-generator{width:100%;max-width:1120px;margin:24px auto;padding:20px;border:1px solid #e7e7e7;border-radius:20px;background:#fff;box-sizing:border-box}
.bmg-head{margin-bottom:18px}
.bmg-title{margin:0 0 8px;font-size:32px;line-height:1.15}
.bmg-subtitle{margin:0;color:#555;font-size:16px}
.bmg-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}
.bmg-controls{display:flex;flex-direction:column;gap:14px}
.bmg-label{display:block;font-size:14px;font-weight:700;margin-bottom:6px}
.bmg-text{width:100%;min-height:120px;resize:vertical;padding:12px 14px;font-size:18px;border:1px solid #cfcfcf;border-radius:12px;box-sizing:border-box}
.bmg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bmg-field input[type=color]{width:100%;height:48px;padding:0;border:1px solid #cfcfcf;border-radius:12px;background:#fff;cursor:pointer}
.bmg-field input[type=range]{width:100%}
.bmg-btn{border:0;border-radius:12px;padding:14px 16px;background:#111;color:#fff;font-size:16px;font-weight:700;cursor:pointer}
.bmg-preview-wrap{width:100%}
.bmg-canvas{width:100%;height:auto;display:block;max-width:100%;aspect-ratio:1/1;border:2px solid #111;border-radius:14px;background:#8ACE00}
@media (max-width:1024px){.bmg-grid{grid-template-columns:1fr}}
@media (max-width:767px){.bmg-generator{padding:14px;border-radius:16px}.bmg-title{font-size:26px}.bmg-subtitle{font-size:15px}.bmg-text{min-height:100px;font-size:16px}.bmg-row{grid-template-columns:1fr}.bmg-btn{width:100%}}