:root{
  --cd-bg:#fdfdfd;--cd-border:#e4e7ec;--cd-primary:#9ec3ff;--cd-primary-dark:#6ea5ff;
  --cd-font:'Inter',sans-serif;--cd-radius:12px;--cd-gap:12px;--cd-danger:#ff6b6b;
}
#canvas-design-builder{
  margin:24px 0;padding:20px;border:1px solid var(--cd-border);border-radius:var(--cd-radius);
  background:var(--cd-bg);font-family:var(--cd-font);max-width:740px;position:relative;
}
#cd-title{
  margin:0 0 14px;font-size:18px;font-weight:600;color:#333;position:relative;padding-left:28px;
}
#cd-title::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:20px;height:20px;background:url('../img/lutiprint_logo.ico') no-repeat center/contain;
}
.cd-section{margin-bottom:18px;}
.cd-section h4{margin:0 0 8px;font-size:14px;color:#333;font-weight:600;}
.cd-hint{margin:4px 0 0;font-size:11px;color:#777;}
.cd-input{
  padding:6px 8px;border:1px solid var(--cd-border);border-radius:8px;font-size:13px;margin-right:8px;
}
.cd-btn{
  background:var(--cd-primary);border:none;color:#fff;padding:8px 14px;border-radius:var(--cd-radius);
  cursor:pointer;font-size:13px;line-height:1;margin-right:8px;
}
.cd-btn-small{padding:6px 10px;}
.cd-btn:hover{background:var(--cd-primary-dark);}
.cd-danger{background:var(--cd-danger);}
#cdf-canvas{border:1px solid var(--cd-border);border-radius:var(--cd-radius);background:#fff;display:block;max-width:100%;}
#cdf-canvas-wrap{overflow:auto;max-height:800px;margin-bottom:20px;}
#cdf-3d-wrap{border:1px solid var(--cd-border);border-radius:var(--cd-radius);padding:12px;margin-bottom:18px;background:#fff;}
#cd-3d-canvas{width:100%;height:300px;}
input[type=color]{width:34px;height:34px;border:none;padding:0;background:transparent;cursor:pointer;vertical-align:middle;}

.cd-3d-wrap{width:100%;height:320px;border:1px solid #e0e0e0;margin-top:15px;background:#fff;}