/* DERIOX Pulse B56_R1 — preserve existing composer. */

#pulse-a4-composer[data-pulse-b56-r1-ready="1"] {
 width:min(620px,calc(100vw - 20px))!important;
 max-width:calc(100vw - 20px)!important;
 max-height:calc(100vh - 20px)!important;
 max-height:calc(100dvh - 20px)!important;
 overflow:hidden!important;
 padding:0!important;
 box-sizing:border-box!important;
}

#pulse-a4-composer[data-pulse-b56-r1-ready="1"]
#pulse-a4-composer-form {
 display:flex!important;
 flex-direction:column!important;
 position:relative!important;
 min-height:0!important;
 max-height:calc(100vh - 20px)!important;
 max-height:calc(100dvh - 20px)!important;
 padding:0!important;
 margin:0!important;
 overflow:hidden!important;
 box-sizing:border-box!important;
}

#pulse-a4-composer .pulse-b56-r1-scroll {
 flex:1 1 auto!important;
 min-height:0!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 overscroll-behavior:contain;
 scrollbar-gutter:stable;
 padding:22px 20px 22px!important;
 box-sizing:border-box;
}

#pulse-a4-composer .pulse-b56-r1-footer {
 display:flex!important;
 align-items:center!important;
 justify-content:flex-end!important;
 flex-wrap:wrap;
 flex:0 0 auto!important;
 gap:10px;
 padding:12px 18px!important;
 background:#fff!important;
 border-top:1px solid #e4ebf5!important;
 box-shadow:0 -4px 14px rgba(18,36,70,.05);
 position:relative!important;
 z-index:3;
 box-sizing:border-box;
}

#pulse-a4-composer .pulse-b56-r1-footer
#pulse-a4-composer-status {
 flex:1 1 180px;
 min-width:120px;
 max-width:100%;
 overflow-wrap:anywhere;
 margin:0!important;
}

#pulse-a4-composer .pulse-b56-r1-footer
#pulse-a4-composer-cancel,
#pulse-a4-composer .pulse-b56-r1-footer
#pulse-a4-composer-submit {
 position:static!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 min-height:40px!important;
 margin:0!important;
 visibility:visible!important;
}

#pulse-a4-composer .pulse-b56-r1-footer
#pulse-a4-composer-submit {
 min-width:128px!important;
}

#pulse-a4-composer .pulse-b56-r1-close {
 position:absolute!important;
 top:10px!important;
 right:12px!important;
 z-index:20!important;
 display:grid!important;
 place-items:center!important;
 width:35px!important;
 height:35px!important;
 margin:0!important;
 border-radius:10px!important;
 border:1px solid #d9e2f1!important;
 background:#fff!important;
 color:#1b3154!important;
 box-shadow:0 2px 8px rgba(14,35,67,.07);
 cursor:pointer;
 font-size:24px;
 line-height:1;
}

#pulse-a4-composer .pulse-b56-r1-close:hover {
 background:#edf4ff!important;
}

#pulse-a4-composer .pulse-b56-r1-close:focus-visible,
#pulse-a4-composer .pulse-b56-r1-footer button:focus-visible {
 outline:3px solid #7aaffb!important;
 outline-offset:2px!important;
}

#pulse-a4-composer
.pulse-b55-frame[data-b55-platform="tiktok"],
#pulse-a4-composer
.pulse-b54-frame[data-platform="tiktok"] {
 width:min(100%,260px)!important;
 max-width:100%!important;
 height:min(42vh,340px)!important;
 height:min(42dvh,340px)!important;
 max-height:340px!important;
 aspect-ratio:auto!important;
}

#pulse-a4-composer .pulse-b55-frame,
#pulse-a4-composer .pulse-b54-frame,
#pulse-a4-composer .pulse-b49-frame,
#pulse-a4-composer .pulse-b49-r2-frame {
 max-height:min(45vh,360px)!important;
 max-height:min(45dvh,360px)!important;
}

#pulse-a4-composer .pulse-b55-preview,
#pulse-a4-composer .pulse-b54-card {
 min-width:0;
 max-width:100%;
 box-sizing:border-box;
}

@media(max-width:580px) {
 #pulse-a4-composer .pulse-b56-r1-scroll {
  padding:18px 13px!important;
 }

 #pulse-a4-composer .pulse-b56-r1-footer {
  gap:7px;
  padding:10px 12px!important;
 }

 #pulse-a4-composer .pulse-b56-r1-footer
 #pulse-a4-composer-status {
  flex-basis:100%;
 }

 #pulse-a4-composer .pulse-b56-r1-footer
 #pulse-a4-composer-submit {
  flex:1 1 120px;
 }

 #pulse-a4-composer .pulse-b56-r1-close {
  top:7px;
  right:8px;
 }
}