.daf-widget,
.daf-widget * { box-sizing: border-box !important; }

.daf-widget {
  max-width: 1180px !important;
  margin: 24px auto !important;
  padding: 20px !important;
  border-radius: 22px !important;
  background: #0b0d12 !important;
  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

.daf-widget .daf-head { text-align:center !important; margin-bottom:16px !important; }
.daf-widget .daf-head h2,
.daf-widget .daf-head h2 em {
  margin: 0 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}
.daf-widget .daf-head h2 em { font-style: italic !important; }
.daf-widget .daf-head p {
  margin: 8px 0 0 !important;
  color: #e9edf3 !important;
  opacity: 1 !important;
  line-height: 1.5 !important;
  font-size: 16px !important;
}

.daf-widget .daf-grid {
  display:grid !important;
  grid-template-columns: 320px 1fr !important;
  gap:18px !important;
  align-items:start !important;
}
.daf-widget .daf-panel {
  background:#111827 !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:18px !important;
  padding:16px !important;
  color:#ffffff !important;
}
.daf-widget label {
  display:block !important;
  margin:0 0 8px !important;
  font-weight:700 !important;
  color:#ffffff !important;
  opacity:1 !important;
  font-size:16px !important;
}
.daf-widget select {
  width:100% !important;
  padding:11px 12px !important;
  border-radius:12px !important;
  background:#08111d !important;
  color:#ffffff !important;
  border:1px solid #3e5878 !important;
  margin-bottom:14px !important;
  font-size:15px !important;
  opacity:1 !important;
}
.daf-widget option { color:#ffffff !important; background:#08111d !important; }
.daf-widget .daf-actions { display:flex !important; gap:8px !important; flex-wrap:wrap !important; }
.daf-widget button {
  padding:11px 16px !important;
  border-radius:999px !important;
  border:1px solid #405673 !important;
  background:#172235 !important;
  color:#ffffff !important;
  font-weight:700 !important;
  cursor:pointer !important;
  opacity:1 !important;
  box-shadow:none !important;
}
.daf-widget button.daf-primary { background:#ff2f7d !important; border-color:#ff2f7d !important; color:#ffffff !important; }
.daf-widget button.daf-green { background:#1b7a52 !important; border-color:#2f9a70 !important; color:#ffffff !important; }
.daf-widget .daf-note {
  font-size:13px !important;
  color:#f0f3f7 !important;
  opacity:1 !important;
  line-height:1.55 !important;
  margin-top:12px !important;
}
.daf-widget .daf-preview {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:440px !important;
  overflow:hidden !important;
}
.daf-widget canvas.daf-canvas {
  display:block !important;
  width:100% !important;
  max-width:800px !important;
  height:auto !important;
  border-radius:18px !important;
  background:#050507 !important;
  box-shadow:0 20px 44px rgba(0,0,0,.42) !important;
}

@media (max-width:960px) {
  .daf-widget .daf-grid { grid-template-columns:1fr !important; }
}