/* 组件编辑面板
   —— 由 styles.css 第 5129–5166 行原样切分，规则与顺序未改动。 */
/* ---------- 新组件编辑面板 ---------- */
.dw-editor-mask{
  position:absolute;inset:0;z-index:10005;
  background:rgba(0,0,0,.38);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  display:flex;align-items:flex-end;justify-content:center;
  overflow:hidden;
}
.dw-editor{
  width:100%;max-width:430px;
  max-height:84vh;
  background:#fff;border-radius:24px 24px 0 0;
  padding:18px 20px calc(20px + env(safe-area-inset-bottom,0px));
  display:flex;flex-direction:column;
  animation:slideUp .28s ease;
  box-sizing:border-box;
}
.dw-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-shrink:0;}
.dw-editor-title{font-size:16px;font-weight:700;color:#2b3140;}
.dw-editor-done{border:none;background:#ffd4e8;color:#8a3d5a;font-family:inherit;font-size:12px;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer;}
.dw-editor-done:active{transform:scale(.96);}
.dw-editor-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;}
.dw-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:12px;color:#7a8497;font-weight:600;}
.dw-field input{
  width:100%;border:1px solid rgba(0,0,0,.08);background:#f7f7fa;
  border-radius:12px;padding:11px 13px;font-size:14px;color:#2b3140;
  font-family:inherit;outline:none;box-sizing:border-box;
}
.dw-field input:focus{border-color:#ffb3cd;background:#fff;}
.dw-emoji-row{display:flex;gap:10px;align-items:center;}
.dw-emoji-input{width:56px !important;text-align:center;font-size:20px !important;padding:8px !important;}
.dw-emoji-pick{width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:#f7f7fa;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;}
.dw-emoji-pick.on{background:#fff0f6;border-color:#ff9bbd;box-shadow:0 0 0 2px rgba(255,143,180,.25);}
.dw-image-row{display:flex;align-items:center;gap:12px;margin:4px 0 12px;}
.dw-image-thumb{width:62px;height:62px;border-radius:14px;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.9),transparent 46%),linear-gradient(145deg,#f7c7b8,#9fb8dd);background-size:cover;background-position:center;border:1px solid rgba(0,0,0,.06);flex-shrink:0;}
.dw-image-btn{border:1px solid rgba(0,0,0,.08);background:#f7f7fa;color:#2b3140;font-family:inherit;font-size:12px;font-weight:600;padding:9px 14px;border-radius:999px;cursor:pointer;}
.dw-tip{font-size:11px;color:#a5adba;line-height:1.7;margin-top:2px;}