.wsai-box { background:#fff; padding:20px; border-radius:12px; box-shadow:0 2px 12px #0002; text-align:center; width:420px; margin:auto; font-family:inherit;}
.wsai-dropzone { border:2px dashed orange; background:#fdf6e3; color:#bbb; padding:32px; margin-bottom:14px; cursor:pointer; position:relative;}
.wsai-dropzone.dragged { background:#ffe0b2; color:#f90;}
.wsai-start { background:#ff9900; color:#fff; padding:14px 28px; border:none; border-radius:20px; box-shadow:0 2px 4px #0001; font-weight:bold; cursor:pointer; margin-bottom:10px;}
.wsai-progress { width:100%; background:#eee; height:14px; border-radius:8px; margin:10px auto 0; overflow:hidden;}
.wsai-progress #wsai-progress-inner { background:#ff9800; height:100%; width:0%; transition:width .3s;}
.wsai-flex-images { display:flex; width:100%; gap:12px; justify-content:center; margin-top:18px;}
.wsai-preview-side { flex:1; min-width:100px; background:#f9f9f9; border-radius:10px; padding:10px;}
.wsai-label { font-size:13px; color:#888; margin-bottom:7px;}
.wsai-img-preview { border-radius:6px; max-width:100%; box-shadow:0 1px 6px #0001; max-height:130px; }
.wsai-img-result { border-radius:6px; max-width:100%; box-shadow:0 1px 6px #0002; max-height:130px; }
.wsai-loading { padding:18px; color:#fa9700; }
@media (max-width:900px){ .wsai-flex-images{ flex-direction:column;} }