.badge-generator{color:#272149;font-family:Arial,Helvetica,sans-serif;margin:0 auto;max-width:1160px;padding:80px 20px;position:relative;z-index:2}.badge-generator *{box-sizing:border-box}.badge-generator .badge-header{margin:0 auto 36px;max-width:1000px;text-align:center}.badge-generator .badge-header h2{font-size:34px;line-height:1.15;margin:0 0 12px}.badge-generator .badge-subtitle{color:#5e5a76;font-size:16px;line-height:1.6;margin:0}.badge-generator .badge-grid{align-items:start;display:grid;gap:40px;grid-template-columns:540px 480px;justify-content:center;margin:0 auto;max-width:1080px}.badge-generator .badge-left-col{margin-top:10px;max-width:540px;width:100%}.badge-generator .badge-right-col{display:flex;flex-direction:column;gap:20px;max-width:480px;width:100%}.badge-generator .badge-preview-wrap{background:#f5f3fa;border-radius:24px;box-shadow:0 10px 30px rgba(39,33,73,.08);padding:14px;position:relative;z-index:2}.badge-generator .badge-preview-container{aspect-ratio:1/1;background:#ece8f5;border-radius:18px;overflow:hidden;position:relative;touch-action:none;user-select:none;width:100%;z-index:2}.badge-generator .badge-preview-canvas{display:block;height:auto;width:100%}.badge-generator .badge-controls{background:#fff;border-radius:24px;box-shadow:0 10px 30px rgba(39,33,73,.08);padding:24px;position:relative;z-index:2}.badge-generator .badge-field{margin-bottom:18px}.badge-generator .badge-field label,.badge-generator .badge-label{display:block;font-size:15px;font-weight:700;margin-bottom:10px}.badge-generator .badge-range-label{align-items:center;display:flex;justify-content:space-between}.badge-generator .badge-zoom-value{color:#5e5a76;font-weight:400}.badge-generator .badge-image-upload,.badge-generator .badge-zoom-range{display:block;font-size:14px;width:100%}.badge-generator .badge-tip{background:#f8f6fc;border-radius:16px;color:#5e5a76;font-size:14px;line-height:1.6;margin-bottom:22px;padding:14px 16px}.badge-generator .badge-buttons{display:flex;flex-direction:column;gap:12px}.badge-generator .badge-buttons button{border-radius:16px;cursor:pointer;font-size:16px;font-weight:700;height:52px}.badge-generator .badge-download-btn{background:#272149;border:0;color:#fff}.badge-generator .badge-buttons .secondary{background:#fff;border:1px solid #ddd5ee;color:#272149}.badge-generator .badge-copy-box.short{background:#f8f6fc;border-radius:20px;padding:22px 24px;text-align:center}.badge-generator .badge-copy-box.short p{color:#5e5a76;font-size:16px;line-height:1.6;margin:0}.badge-generator .badge-copy-box.short .hashtags{color:#272149;font-weight:700;margin-top:8px}@media (max-width:900px){.badge-generator{padding:64px 16px}.badge-generator .badge-header{margin-bottom:28px}.badge-generator .badge-header h2{font-size:28px}.badge-generator .badge-subtitle{font-size:15px}.badge-generator .badge-grid{gap:20px;grid-template-columns:1fr;max-width:100%}.badge-generator .badge-left-col{margin-top:0;max-width:100%}.badge-generator .badge-right-col{gap:16px}.badge-generator .badge-controls{padding:20px}.badge-generator .badge-copy-box.short{padding:18px 16px}.badge-generator .badge-copy-box.short p{font-size:15px}}