/* Formulario de Estado responsive, 5.2.29. */
#duveo-state-create-modal .duveo-state-create-card{width:min(880px,calc(100vw - 32px))!important;background:#fff!important;color:#14213d!important;border-radius:20px!important;overflow:auto!important;max-height:88dvh!important}
#duveo-state-create-modal .duveo-state-create-head{padding:20px!important;background:#fff!important;color:#14213d!important;border-bottom:1px solid #e5eaf3}
#duveo-state-create-modal .duveo-state-create-user strong,#duveo-state-create-modal label>span{color:#14213d!important}
#duveo-state-create-modal .duveo-quick-state-form{padding:0 20px 20px!important;overflow:visible!important;gap:14px!important;background:#fff!important}
#duveo-state-create-modal .duveo-state-create-note{background:transparent!important;color:#5b6880!important;padding:0!important;font-size:13px}
.duveo-state-form-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}
.duveo-state-form-media,.duveo-state-form-fields{display:grid;gap:12px;min-width:0}
#duveo-state-create-modal .duveo-state-create-drop{min-height:0!important;height:350px!important;background:#f1f5fb!important;border:1px dashed #bccce3!important;border-radius:14px!important}
#duveo-state-create-modal .duveo-state-create-preview{height:100%!important;min-height:0!important;position:relative!important}
#duveo-state-create-modal .duveo-state-create-preview img,#duveo-state-create-modal .duveo-state-create-preview video{width:100%!important;height:100%!important;object-fit:contain!important;background:#edf1f8!important}
#duveo-state-create-modal textarea,#duveo-state-create-modal select{background:#fff!important;color:#14213d!important;border:1px solid #cbd5e5!important;border-radius:10px!important;width:100%;box-sizing:border-box}
#duveo-state-create-modal textarea{padding:12px;resize:vertical;min-height:100px}
#duveo-state-create-modal [data-state-caption-count]{text-align:right;color:#5b6880!important}
.duveo-state-source-actions{display:flex;gap:8px}.duveo-state-source-actions button{flex:1;font-size:12px!important}
.duveo-state-emoji-tools{display:flex;gap:8px}.duveo-state-emoji-tools button{background:#f3f6fb;border:1px solid #dce4f0;border-radius:9px;min-width:40px;min-height:40px;cursor:pointer;font-size:20px}
#duveo-state-create-modal [data-state-message-preview]{position:absolute;bottom:30px;left:10px;right:10px;z-index:2;padding:10px;background:#102039a6;color:#fff;font-size:14px;line-height:1.4;border-radius:8px;overflow-wrap:anywhere;pointer-events:none;white-space:pre-wrap}
#duveo-state-create-modal [data-state-message-preview][hidden]{display:none!important}
#duveo-state-create-modal .duveo-state-create-actions{position:sticky!important;bottom:0!important;z-index:6;background:#fff!important;padding:14px 0 max(14px,env(safe-area-inset-bottom))!important;border-top:1px solid #e5eaf3;display:flex!important;justify-content:flex-end;gap:10px}
#duveo-state-create-modal .duveo-state-create-actions .duveo-btn--primary{background:#145cff!important;color:#fff!important}
#duveo-state-create-modal .duveo-content-safety-fields{background:#f5f7fc!important;color:#14213d!important;padding:12px;border-radius:12px}
@media(max-width:650px){#duveo-state-create-modal{padding:0!important}#duveo-state-create-modal .duveo-state-create-card{width:100%!important;max-height:100dvh!important;height:100dvh!important;border-radius:0!important;margin:0!important}.duveo-state-form-layout{grid-template-columns:1fr;gap:16px}.duveo-state-form-media{max-width:100%}#duveo-state-create-modal .duveo-state-create-drop{height:240px!important}#duveo-state-create-modal .duveo-state-create-head{padding:14px!important}#duveo-state-create-modal .duveo-quick-state-form{padding:0 14px 14px!important}#duveo-state-create-modal .duveo-state-create-actions .duveo-btn--primary{flex:1;min-height:44px}}
/* 5.2.31: scroll interno, campos completos y vista previa vacía oculta. */
#duveo-state-create-modal .duveo-state-create-card{overflow:hidden!important;max-height:calc(100dvh - 32px)!important;min-height:0!important;display:flex!important;flex-direction:column!important}
#duveo-state-create-modal .duveo-quick-state-form{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;grid-auto-rows:max-content;overscroll-behavior:contain}
#duveo-state-create-modal [hidden]{display:none!important}
#duveo-state-create-modal img[src=""]{display:none!important}
@media(max-width:650px){#duveo-state-create-modal .duveo-state-create-card{max-height:100dvh!important}}