.stit-wrap{max-width:1040px;margin:46px auto 30px;padding:0 16px;font-family:Arial,Helvetica,sans-serif;color:#101828}
.stit-header{text-align:center;margin:18px 0 24px;padding-top:10px}
.stit-header h1{margin:0 0 10px;font-size:42px;line-height:1.12;color:#101828}
.stit-header p{max-width:820px;margin:0 auto;color:#667085;font-size:17px;line-height:1.65}
.stit-card{background:#fff;border:1px solid #e6eaf0;border-radius:24px;padding:24px;box-shadow:0 14px 38px rgba(16,24,40,.08);margin-bottom:18px}
.stit-upload{position:relative;border:2px dashed #b9c6da;border-radius:20px;background:#f8fafc;padding:30px;text-align:center;cursor:pointer;margin-bottom:18px;transition:.2s}
.stit-upload:hover,.stit-upload.dragover{border-color:#f88452;background:#fff1ea}
.stit-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.stit-upload strong{display:block;font-size:20px;margin-bottom:8px;color:#101828}
.stit-upload span{display:block;color:#667085}
.stit-tabs{display:flex;gap:10px;background:#f8fafc;border:1px solid #e6eaf0;border-radius:16px;padding:8px;margin-bottom:16px}
.stit-tab{flex:1;border:none;border-radius:12px;padding:13px 15px;background:transparent;color:#344054;font-weight:900;cursor:pointer}
.stit-tab.active{background:#f88452;color:#fff;box-shadow:0 8px 20px rgba(27,141,92,.22)}
.stit-info{background:#f8fafc;border:1px solid #e6eaf0;border-radius:16px;padding:14px 16px;color:#344054;font-weight:700;margin-bottom:16px}
.stit-tool{display:none}
.stit-tool.active{display:block}
.stit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.stit-field label{display:block;font-weight:800;color:#344054;margin-bottom:7px}
.stit-field input,.stit-field select{width:100%;border:1px solid #d0d5dd;border-radius:14px;padding:12px 13px;font-size:15px;box-sizing:border-box;background:#fff;outline:none}
.stit-field input[type=color]{height:50px;padding:6px}
.stit-field input:focus,.stit-field select:focus{border-color:#f88452;box-shadow:0 0 0 4px rgba(248,132,82,.15)}
.stit-options{background:#f8fafc;border:1px solid #e6eaf0;border-radius:14px;padding:12px;margin-bottom:14px;color:#344054;font-weight:700}
.stit-help{color:#667085;background:#f8fafc;border:1px solid #e6eaf0;border-radius:14px;padding:12px;margin:0 0 14px}
.stit-preview-area{margin-top:18px}
.stit-preview-box{position:relative;background:linear-gradient(45deg,#f3f4f6 25%,transparent 25%),linear-gradient(-45deg,#f3f4f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f3f4f6 75%),linear-gradient(-45deg,transparent 75%,#f3f4f6 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:1px solid #e6eaf0;border-radius:20px;padding:18px;overflow:auto;text-align:center;min-height:360px}
.stit-preview-box h3{margin:0 0 14px;text-align:left;color:#101828}
#stit-canvas{max-width:100%;height:auto;background:transparent;border-radius:12px;box-shadow:0 8px 24px rgba(16,24,40,.10);cursor:crosshair}
.stit-crop-box{position:absolute;border:2px solid #f88452;background:rgba(248,132,82,.15);display:none;pointer-events:none}
.stit-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.stit-btn{border:none;background:#f88452;color:#fff;padding:12px 17px;border-radius:13px;font-weight:900;cursor:pointer;transition:.2s}
.stit-btn:hover{transform:translateY(-1px);filter:brightness(.96)}
.stit-soft{background:#f2f4f7;color:#344054}
.stit-download{background:#eb6f39}
.stit-status{margin-top:18px;background:linear-gradient(135deg,#0f172a,#f88452);color:#fff;border-radius:20px;padding:20px;font-size:18px;font-weight:900}
.stit-seo{background:#fff;border:1px solid #e6eaf0;border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(16,24,40,.05)}
.stit-seo h2{margin:0 0 10px;font-size:24px}
.stit-seo p{color:#475467;line-height:1.7;margin:0}
@media(max-width:800px){.stit-header h1{font-size:34px}.stit-grid{grid-template-columns:1fr}.stit-tabs{flex-direction:column}.stit-preview-box{min-height:260px}.stit-status{font-size:16px}}
@media(max-width:520px){.stit-actions .stit-btn{width:100%}}

/* Image Editor branding */
.stit-field input[type=range],
.stit-field input[type=checkbox]{
accent-color:#f88452;
}
.stit-btn:hover{
background:#eb6f39!important;
}

/* v1.1 crop dimension controls */
#stit-crop-custom-fields{
display:none;
}
.stit-crop-box{
box-shadow:0 0 0 9999px rgba(15,23,42,.18);
}