.pt-dialog{width:min(94vw,640px);max-width:640px;max-height:90vh;overflow:auto;padding:19px;border:1px solid #d8e3fa;border-radius:23px;background:#f8faff;color:#284b7b;font-family:Tajawal,Arial,sans-serif;box-shadow:0 20px 80px #193a7840}.pt-dialog::backdrop{background:#13294b99}.pt-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.pt-dialog header small{font-size:9px;letter-spacing:1.2px;font-family:Arial;color:#8b9bd0}.pt-dialog h2{margin:8px 0 0;font-size:20px}.pt-dialog button{font-family:inherit;cursor:pointer;border:1px solid #dce5f8;background:#f0f5ff;color:#6685c5;border-radius:11px;min-height:37px;padding:7px 12px;font-size:12px}.pt-dialog button:disabled{opacity:.4}.pt-dialog #ptClose{font-size:23px;min-width:36px;padding:0;border-color:#e4e8f5;background:white}.pt-toolbar{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px;align-items:center;margin-bottom:14px}.pt-toolbar label{display:flex;align-items:center;gap:7px;font-size:10px;color:#92a2c0}.pt-dialog input,.pt-dialog select{font-family:inherit;width:100%;min-width:0}.pt-dialog input:is([type=number],[data-uc-number="true"]),.pt-dialog select{height:38px;background:#fff;border:1px solid #dce5f8;border-radius:10px;padding:7px;color:#5375af;font-size:12px}.pt-dialog input[type=range]{accent-color:#6484e3;min-width:0}.pt-dialog input[type=color]{height:38px;padding:4px;border:1px solid #dce5f8;background:#fff;border-radius:10px}.pt-dialog label>span{display:block;color:#8b9cbb;font-size:11px;margin-bottom:7px}#ptViewport{height:340px;max-height:44vh;overflow:auto;border:1px solid #dbe4f6;border-radius:15px;background-color:#edf1f8;background-image:linear-gradient(45deg,#dfe5f0 25%,transparent 25%),linear-gradient(-45deg,#dfe5f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe5f0 75%),linear-gradient(-45deg,transparent 75%,#dfe5f0 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;padding:14px;align-content:center;direction:ltr}#ptCanvasWrap{position:relative;width:max-content;max-width:none;margin:auto}#ptCanvas{display:block;max-width:none;user-select:none}#ptCropBox{position:absolute;border:2px solid #5c87ea;pointer-events:none;box-shadow:0 0 0 2000px #12234455;background-image:linear-gradient(to right,transparent 33%,#ffffff77 33%,#ffffff77 33.4%,transparent 33.4%,transparent 66%,#ffffff77 66%,#ffffff77 66.4%,transparent 66.4%),linear-gradient(to bottom,transparent 33%,#ffffff77 33%,#ffffff77 33.4%,transparent 33.4%,transparent 66%,#ffffff77 66%,#ffffff77 66.4%,transparent 66.4%)}.pt-preview-info{display:flex;justify-content:space-between;align-items:center;margin:10px 0;color:#a0aec6;font-size:10px}.pt-preview-info button{min-height:30px;font-size:10px;padding:4px 9px}.pt-controls details{border:1px solid #e1e8f8;background:#fff;border-radius:14px;padding:0 13px 13px;margin-top:9px}.pt-controls summary{padding:14px 0;font-size:13px;color:#6481b8;cursor:pointer}.pt-controls p{font-size:11px;color:#98a5bf;line-height:1.8;margin:0 0 13px}.pt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px}.pt-transform,.pt-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:14px}.pt-transform button,.pt-presets button{font-size:10px;padding:6px 4px;background:#f6f8fe}.pt-slider{display:block;margin:13px 0}.pt-slider span{display:flex!important;justify-content:space-between}.pt-slider output{font-size:10px;color:#b0b9cc;direction:ltr}.pt-check{display:flex;gap:8px;align-items:center;font-size:12px;color:#8b9cbb;margin:10px 0}.pt-check input{width:16px;height:16px;accent-color:#6484e3}.pt-dialog footer{display:flex!important;position:sticky;bottom:-19px;margin:17px -4px -4px;padding:12px 4px 3px;gap:10px;background:#f8fafff5;border-top:1px solid #e3eafa}.pt-dialog #ptApply{flex:1;background:linear-gradient(110deg,#357be7,#7056e8);color:white;border:0;min-height:44px;font-size:13px}.pt-dialog #ptStatus{font-size:11px;color:#9b82aa;line-height:1.7;margin:12px 0 0}.pt-edit-button{border:1px solid #d1def8;background:linear-gradient(110deg,#edf3ff,#f1edff);color:#6481c2;border-radius:12px;min-height:43px;padding:9px 15px;font-size:13px;font-family:inherit;margin-top:12px;width:100%}.pt-dialog [hidden]{display:none!important}
@media(max-width:370px){.pt-dialog{padding:15px}.pt-transform button{font-size:9px}.pt-toolbar{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.pt-controls details{padding:0 10px 12px}}