#templatePanel .contact-form-actions,#templatePanel .contact-form-add{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
#templatePanel .contact-form-actions button{display:flex;align-items:center;gap:6px}
#templatePanel .contact-form-actions img{width:16px;height:16px}
#templatePanel .contact-form-add select{flex:1 1 130px;min-width:0;max-width:100%;padding:9px;border:1px solid #dfe3e9;border-radius:4px;background:#fff;color:#222}
#templatePanel .contact-form-list{min-width:0}
#templatePanel .contact-form-list details{border-top:1px solid #dfe3e9;padding:12px 0}
#templatePanel .contact-form-list summary{cursor:pointer;font-weight:600;overflow-wrap:anywhere;padding:5px 0}
#templatePanel .contact-form-list .field{margin:12px 0;min-width:0}
#templatePanel .contact-form-list input,#templatePanel .contact-form-list textarea,#templatePanel .contact-form-list select{max-width:100%;min-width:0}
#templatePanel .contact-form-row-actions{display:flex;gap:8px;margin:10px 0}
#templatePanel .contact-form-row-actions button{width:34px;height:34px;padding:7px;display:grid;place-items:center;border:1px solid #dfe3e9;border-radius:4px;background:#fff}
#templatePanel .contact-form-row-actions img{width:18px;height:18px}
#templatePanel .contact-form-row-actions [data-form-action=delete]{background:#fff1f0;border-color:#dc8780}
#templatePanel .contact-form-required{display:flex;gap:8px;align-items:center;margin:12px 0}
#templatePanel .contact-form-error{color:#b42318;overflow-wrap:anywhere}
@media(max-width:1000px){
  .studio-page .inspector:has(#templatePanel[data-contact-form-editor]:not(.hidden)){display:block!important;position:fixed;z-index:70;top:12px;right:12px;bottom:12px;width:min(380px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:16px;background:#fff;border:1px solid #cfd9e6;border-radius:6px;overflow:auto;pointer-events:auto;box-shadow:0 8px 28px #17203224}
}
