.ecl_ss_wrap{
  margin:18px 0;
  padding:14px 14px 10px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
}
.ecl_ss_h3{ margin:0 0 14px 0 !important; }
.ecl_ss_row{ display:flex; gap:14px; align-items:flex-start; margin:10px 0 16px; }
.ecl_ss_label{ min-width:160px; font-weight:600; padding-top:6px; }
.ecl_ss_field{ flex:1; }
.ecl_ss_input{ width:100%; max-width:720px; }
.ecl_ss_help{ margin-top:6px; color:#6b7280; font-size:12px; }
.ecl_ss_actions{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin:10px 0 14px; }
.ecl_ss_actions_left{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ecl_ss_select{ min-width:220px; }
.ecl_ss_limits{ margin-left:6px; font-size:12px; color:#6b7280; }
.ecl_ss_blocks{ margin-top:10px; }
.ecl_ss_block{ border:1px solid #d1d5db; border-radius:12px; padding:12px; margin:12px 0; background:#fafafa; }
.ecl_ss_block_head{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
.ecl_ss_block_head_left,
.ecl_ss_block_head_actions{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ecl_ss_block_body{ margin-top:10px; }
.ecl_ss_order_badge{ display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:24px; padding:0 8px; border-radius:999px; background:#eef2ff; color:#1d4ed8; font-size:12px; font-weight:700; }
.ecl_ss_preview_grid{ display:grid; grid-template-columns:340px 1fr; gap:14px; }
@media (max-width:900px){ .ecl_ss_preview_grid{ grid-template-columns:1fr; } }
.ecl_ss_img_preview{ width:100%; aspect-ratio:16 / 9; border:1px dashed #cbd5e1; border-radius:10px; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.ecl_ss_img_preview img{ width:100%; height:100%; object-fit:cover; display:block; }
.ecl_ss_img_placeholder{ color:#6b7280; font-size:12px; padding:10px; text-align:center; }
.ecl_ss_file_row{ margin-top:10px; }
.ecl_ss_btn_row{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:8px; }
.ecl_ss_help_inline{ color:#6b7280; font-size:12px; }
.ecl_ss_rowline{ margin-bottom:12px; }
.ecl_ss_rowline label{ display:block; font-weight:600; margin-bottom:6px; }
.ecl_ss_rowline input[type="url"],
.ecl_ss_rowline input[type="number"],
.ecl_ss_rowline input[type="text"],
.ecl_ss_rowline textarea{ width:100%; max-width:720px; }
.ecl_ss_required{ color:#dc2626; }
.ecl_ss_input_error{ border-color:#dc2626 !important; box-shadow:0 0 0 1px rgba(220,38,38,.15); }
.ecl_ss_title_note{ min-height:18px; }
.ecl_ss_pdf_hint{ margin-top:6px; color:#6b7280; font-size:12px; }
@media (max-width:640px){
  .ecl_ss_row{ display:block; }
  .ecl_ss_label{ min-width:0; padding-top:0; margin-bottom:6px; display:block; }
  .ecl_ss_block_head{ align-items:flex-start; }
  .ecl_ss_block_head_actions{ width:100%; justify-content:flex-end; }
}


.ecl_ss_toggle_label{ display:flex; align-items:center; justify-content:space-between; gap:16px; font-weight:600; }
.ecl_ss_toggle_switch{ position:relative; display:inline-flex; align-items:center; width:54px; height:30px; flex:0 0 auto; }
.ecl_ss_toggle_input{ position:absolute; inset:0; width:100%; height:100%; opacity:0; margin:0; cursor:pointer; }
.ecl_ss_toggle_slider{ position:absolute; inset:0; border-radius:999px; background:#d1d5db; transition:background .2s ease; box-shadow:inset 0 0 0 1px rgba(0,0,0,.06); }
.ecl_ss_toggle_slider::after{ content:''; position:absolute; top:3px; left:3px; width:24px; height:24px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.18); transition:transform .2s ease; }
.ecl_ss_toggle_input:checked + .ecl_ss_toggle_slider{ background:#2563eb; }
.ecl_ss_toggle_input:checked + .ecl_ss_toggle_slider::after{ transform:translateX(24px); }
.ecl_ss_toggle_input:focus + .ecl_ss_toggle_slider{ box-shadow:0 0 0 3px rgba(37,99,235,.18), inset 0 0 0 1px rgba(0,0,0,.06); }
@media (max-width:640px){
  .ecl_ss_toggle_label{ align-items:flex-start; }
}