.elementor-22959 .elementor-element.elementor-element-1c9ff1e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:050px;--padding-right:050px;}.elementor-22959 .elementor-element.elementor-element-1c9ff1e:not(.elementor-motion-effects-element-type-background), .elementor-22959 .elementor-element.elementor-element-1c9ff1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3F54FF;}@media(max-width:1024px){.elementor-22959 .elementor-element.elementor-element-1c9ff1e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-22959 .elementor-element.elementor-element-1c9ff1e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-c31a3eb *//* PAGE BACKGROUND */
body{
background: linear-gradient(135deg,#f4f7ff,#eef2ff);
}

/* MAIN WRAPPER */
.rd-wrap{
display:flex;
gap:25px;
flex-wrap:wrap;
padding:20px;
}

/* LEFT CONTROL PANEL */
.rd-controls{
background:#ffffff;
border-radius:16px;
padding:20px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:.3s;
}

.rd-controls:hover{
transform:translateY(-3px);
box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

/* PREVIEW AREA */
.rd-preview{
background:#ffffff;
border-radius:16px;
padding:20px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:.3s;
}

.rd-preview:hover{
transform:translateY(-3px);
box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

/* INPUT & DROPDOWN */
.rd-controls select,
.rd-controls input{
background:#ffffff;
border:1px solid #ddd;
border-radius:10px;
padding:10px;
font-size:14px;
color:#333;
transition:.2s;
}

.rd-controls select:focus,
.rd-controls input:focus{
border-color:#4c6fff;
outline:none;
box-shadow:0 0 0 2px rgba(76,111,255,0.1);
}

/* BUTTON DESIGN */
.rd-controls button{
background:#4c6fff;
color:white;
border:none;
border-radius:10px;
padding:13px;
font-weight:600;
cursor:pointer;
transition:.25s;
}

.rd-controls button:hover{
background:#3451db;
transform:translateY(-2px);
box-shadow:0 8px 18px rgba(0,0,0,0.15);
}

/* SECONDARY BUTTON */
.rd-controls button:nth-child(odd){
background:#f1f3ff;
color:#333;
}

.rd-controls button:nth-child(odd):hover{
background:#e3e7ff;
}

/* CANVAS PREVIEW */
canvas{
border-radius:12px;
box-shadow:0 6px 18px rgba(0,0,0,0.12);
max-width:100%;
}

/* MOBILE OPTIMIZATION */
@media(max-width:768px){
.rd-wrap{
flex-direction:column;
}
}
/* MOBILE FIX - IMPORTANT */
@media (max-width:768px){

  .rd-wrap{
    display:block !important;
  }

  .rd-controls{
    width:100% !important;
    margin-bottom:20px;
  }

  .rd-preview{
    width:100% !important;
    display:block !important;
    min-height:350px;
  }

  #posterCanvas{
    width:100% !important;
    height:auto !important;
    display:block;
  }

}/* End custom CSS */