.pti-result{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;margin-top:20px}.pti-preview-wrap{background:#f3f4f6;padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:340px;position:relative}.pti-preview-holder{position:relative;display:inline-block;line-height:0;max-width:100%;touch-action:none;user-select:none;-webkit-user-select:none}.pti-source-canvas{display:block;max-width:100%;max-height:300px;box-shadow:0 2px 8px rgba(0,0,0,0.12);background:repeating-conic-gradient(#e5e7eb 0% 25%,#f9fafb 0% 50%) 50% / 20px 20px}.pti-dim{position:absolute;background:rgba(0,0,0,0.5);pointer-events:none;z-index:1}.pti-dim.hide{display:none}.pti-crop-box{position:absolute;box-sizing:border-box;border:2px dashed #4956a5;background:transparent;cursor:move;z-index:2}.pti-crop-box.hide{display:none}.pti-crop-handle{position:absolute;width:14px;height:14px;background:#4956a5;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.4);z-index:3}.pti-handle-nw{top:-8px;left:-8px;cursor:nwse-resize}.pti-handle-ne{top:-8px;right:-8px;cursor:nesw-resize}.pti-handle-sw{bottom:-8px;left:-8px;cursor:nesw-resize}.pti-handle-se{bottom:-8px;right:-8px;cursor:nwse-resize}.pti-source-info{margin-top:12px;font-size:13px;color:#6b7280;text-align:center;line-height:1.4}.pti-loading{position:absolute;inset:0;background:rgba(243,244,246,0.9);display:flex;align-items:center;justify-content:center;font-weight:600;color:#4956a5;font-size:15px;z-index:100}.pti-loading.hide{display:none}.pti-sidebar{background:#fff;border-left:1px solid #e5e7eb;padding:20px;display:flex;flex-direction:column;gap:18px}.pti-section-title{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em;margin:0 0 10px}.pti-sizes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pti-sizes label{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;color:#1f2937;transition:border-color 0.12s,background-color 0.12s;user-select:none}.pti-sizes label:hover{border-color:#4956a5;background:#f0f2fa}.pti-sizes label:has(input:checked){border-color:#4956a5;background:#eaedfa;color:#4956a5}.pti-sizes input[type="checkbox"]{accent-color:#4956a5;width:15px;height:15px;margin:0}.pti-combine{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 4px;font-size:13px;color:#4b5563;cursor:pointer;user-select:none}.pti-combine input[type="checkbox"]{accent-color:#4956a5;width:15px;height:15px;margin:0;flex-shrink:0}.pti-combine:hover{color:#1f2937}.pti-select{width:100%;padding:8px 10px;font-size:13px;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}.pti-select:focus{outline:none;border-color:#4956a5}.pti-custom-bg-wrap{margin-top:10px}.pti-custom-bg-wrap.hide{display:none}.pti-custom-bg-wrap input[type="color"]{width:46px;height:34px;padding:0;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}#ptiBgSection.hide{display:none}.pti-actions{display:flex;flex-direction:column;gap:8px}.pti-btn{padding:11px 14px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;border:1px solid transparent;transition:all 0.12s}.pti-btn-primary{background:#4956a5;color:#fff}.pti-btn-primary:hover{background:#3d4a92}.pti-btn-ghost{background:transparent;color:#6b7280}.pti-btn-ghost:hover{color:#1f2937}.pti-result.hide{display:none!important}#ptiUploadLabel.hide{display:none!important}@media (max-width:800px){.pti-result{grid-template-columns:1fr}.pti-sidebar{border-left:none;border-top:1px solid #e5e7eb}.pti-sizes{grid-template-columns:1fr 1fr 1fr}}