.generator-panel{max-width:920px;padding:clamp(20px,4vw,40px);border:1px solid #283247;border-radius:24px;background:#0b1020}.generator-heading h2{margin:0 0 8px;font-size:clamp(24px,4vw,36px)}.generator-heading p{margin:0 0 28px;color:#98a3b7}.generator-fields{display:grid;grid-template-columns:minmax(170px,1fr) 2fr;gap:18px}.generator-field{display:grid;gap:9px;color:#c9d0df}.generator-field .form-control{min-height:52px}.generator-error{margin:16px 0 0;color:#ff788d}.generator-preview{min-height:240px;margin:26px 0;padding:24px;display:grid;place-items:center;overflow:auto;border-radius:18px;background:#fff}.generator-preview canvas{display:none;max-width:100%;height:auto}.generator-preview.has-barcode canvas{display:block}.generator-preview.has-barcode #generatorPlaceholder{display:none}#generatorPlaceholder{color:#49556b;text-align:center}.generator-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.generator-actions button{min-height:52px;border-radius:13px;font:inherit;font-weight:700;cursor:pointer}.generator-actions button:disabled{opacity:.45;cursor:not-allowed}.generator-primary{border:0;color:white;background:linear-gradient(110deg,#a235e2,#3454e7)}.generator-secondary{border:1px solid #35415d;color:#eef0f7;background:#0e1425}@media(max-width:640px){.generator-fields,.generator-actions{grid-template-columns:1fr}.generator-preview{padding:14px;min-height:180px}}