.dbuilder{
width:100%;
border:1px solid #eee;
padding:30px;
background:#fff;
border-radius:10px;
margin-top:20px;
}

.dbuilder h3{
font-size:25px;
margin-top:20px;
margin-bottom:8px;
font-weight:600;
}

.dbuilder select,
.dbuilder input[type=text],
.dbuilder textarea{
width:100%;
padding:12px;
border:1px solid #ddd;
border-radius:6px;
margin-bottom:16px;
}

.upload-btn{
display:inline-block;
padding:12px 18px;
background:#000;
color:#fff;
border-radius:6px;
cursor:pointer;
margin-bottom:10px;
}

.upload-btn input{
display:none;
}

.swatches{
display:flex;
gap:12px;
margin-bottom:16px;
}

.swatch{
width:38px;
height:38px;
border-radius:50%;
border:2px solid #ccc;
cursor:pointer;
display:inline-block;
}

.swatch.white{background:#fff}
.swatch.black{background:#000}
.swatch.grey{background:#777}

.swatch.active{
border:3px solid #000;
}

.swatch input{
display:none;
}

#db_preview,#db_back_preview{
max-width:120px;
display:block;
margin-top:10px;
border-radius:6px;
}

.design-note{
margin-top:20px;
font-size:14px;
color:#555;
}

.checkbox-row{
display:flex;
gap:8px;
align-items:center;
margin-bottom:10px;
}