.pws-wrapper{
   width: 100%;
    margin:auto;
    padding:20px;
    background:#fff;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
    font-family:Arial;
}

.pws-wrapper label{font-size:12px;}

.pws-wrapper input#pws-logo[type="file"] {
    display: none;
}

.logo-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background-color: #f1f1f1;
    border-radius: 4px;
}

.pws-toolbar{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:10px;
    align-items:center;
}

.pws-controls{
    display:flex;
    gap:10px;
    margin-bottom:10px;
    flex-wrap:wrap;
    flex-direction: column;
}

#pws-canvas{
    border:2px dashed #ccc;
    width:100%;
    height:500px;
}


#export{
    width: 100%;
    background: #1e88e5;
    color: #fff;
    border: none;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 10px;
    transition: all 0.2s ease;
    box-shadow: 0 6px 15px rgba(30,136,229,0.25);
}

#export:hover{
    background: #1565c0;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(21,101,192,0.3);
}

#export:active{
    transform: translateY(0);
    box-shadow: 0 5px 10px rgba(21,101,192,0.2);
}

.pws-download-wrapper{
    width: 100%;
    margin-top: 15px;
}

.pws-img-wrap{
	
	font-family: system-ui;
  text-align: center;
	margin-top:20px;
	margin-bottom:20px;
}

#pws-image{
	padding: 10px;
  border: 2px dashed #ccc;
  border-radius: 10px;
  cursor: pointer;
	
}

.canvas-wrapper{
    position: relative;
    display: inline-block;
}

#pws-canvas{
    display: block;
}

.pws-img-wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.canvas-container{
width: 100%!important;
  height: 100%!important;
}

#pws-canvas{
position: relative!important;
  width: 100%!important;
  height: 100%!important;

}

.upper-canvas {
position: absolute;
  width: 100%!important;
  height: 100%!important;

}

.pws-controls input{-webkit-appearance: auto!important;}