#dc-button-designer .dc-layout-0{display:flex;align-items:center;justify-content:space-between;gap:16px}
#dc-button-designer .dc-layout-1{display:flex;flex-wrap:wrap;gap:20px;margin:18px 0}
#dc-button-designer .dc-layout-2{width:90px;height:46px;padding:3px}
#dc-button-designer .dc-layout-3{width:90px;height:46px;padding:3px}
#dc-button-designer .dc-layout-4{padding:28px 12px;margin:12px 0;border:1px dashed #c3d1c7;border-radius:12px;text-align:center;background:#f5f8f3}
#dc-button-designer .dc-layout-5{width:100%;box-sizing:border-box;font:12px monospace;padding:12px;border:1px solid #c3d1c7;border-radius:10px}
#dc-button-designer .dc-layout-6{display:flex;gap:10px;flex-wrap:wrap}
#dc-button-designer{width:min(600px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid #dce5dc;border-radius:20px;padding:26px;color:#123c31;background:#fff;box-shadow:0 20px 80px #0003}
#dc-button-designer::backdrop{background:rgba(10,30,24,.55)}
#dc-button-designer input[type=color]{display:block;width:140px;height:64px;min-height:64px;padding:5px;border:1px solid #aebdb4;border-radius:10px;cursor:pointer;background:#fff;appearance:auto}
#dc-button-designer input[type=color]::-webkit-color-swatch-wrapper{padding:0}
#dc-button-designer input[type=color]::-webkit-color-swatch{border:1px solid #b6c3bb;border-radius:6px}
#dc-button-designer input[type=color]::-moz-color-swatch{border:1px solid #b6c3bb;border-radius:6px}
#dc-button-designer .dc-color-value{display:block;margin-top:6px;font:13px monospace;color:#365246}
#dc-button-designer #dc-design-preview{display:flex;align-items:center;justify-content:center;min-height:130px}
#dc-button-designer .dc-preview-button{display:inline-block;box-sizing:border-box;max-width:100%;border-radius:12px;font-family:Arial,sans-serif;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;overflow-wrap:anywhere;box-shadow:0 4px 12px rgba(0,0,0,.12)}

#dc-button-designer #dc-design-preview{flex-direction:column;gap:5px}#dc-button-designer .dc-powered-by{font:10px/1.4 Arial,sans-serif;color:#64756d}

.dc-option-row{display:flex;align-items:center;gap:10px;font-weight:400;margin:8px 0}.dc-option-row input{width:auto;margin:0}#dc-design-choices{max-height:220px;overflow:auto}#dc-design-options[hidden]{display:none}

.variantRow{display:grid;grid-template-columns:1fr 100px 32px;gap:8px;align-items:center}.button-live-preview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 12px;border:1px dashed #c3d1c7;border-radius:12px;background:#f5f8f3;margin:12px 0}.dc-preview-button{border:0;border-radius:12px;font-family:Arial,sans-serif;font-weight:700;line-height:1.4;max-width:100%;overflow-wrap:anywhere;box-shadow:0 4px 12px #0002}.dc-powered-by{font:10px Arial,sans-serif;color:#64756d}#variantFields[hidden],#fixedPriceFields[hidden]{display:none}#createButtonBg,#createButtonFg{height:50px;padding:4px}