.pti-result{max-width:1120px;margin:24px auto 40px;padding:0;background:transparent;border:none}.pti-tool-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:0;align-items:stretch;background:#fff;border:1px solid #e4e6f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(15,30,46,.04)}.pti-sidebar,.pti-center{background:#fff;border:none;border-radius:0;padding:20px}.pti-center{min-height:380px;border-right:1px solid #e4e6f0;background:#fbfbfd}.pti-sidebar{background:#fff}.pti-card-title{font-weight:600;font-size:13px;color:#4b5066;text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px}.pti-link-btn{background:none;border:none;color:#4361ee;font-size:13px;font-weight:600;cursor:pointer;padding:6px 0;text-decoration:underline}.pti-link-btn:hover{color:#3451d1}.pti-upload-different{align-self:center;text-align:center;width:100%;margin-top:4px}.pti-checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#4b5066}.pti-checkbox-row label{cursor:pointer}.pti-zoom-row{display:flex;align-items:center;gap:8px}.pti-zoom-row input[type="range"]{flex:1 1 auto;accent-color:#4361ee;cursor:pointer;min-width:0}.pti-zoom-val{min-width:42px;text-align:right;color:#4361ee;font-weight:600;font-size:13px;flex:0 0 auto}.pti-zoom-reset-icon{background:none;border:none;color:#6a6e83;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;flex:0 0 auto;transition:color .15s,background .15s}.pti-zoom-reset-icon:hover{color:#4361ee;background:#eef0fa}.pti-zoom-reset-icon:active{transform:rotate(-30deg)}.pti-crop-pos{margin-top:12px}.pti-adv-label-inline{display:block;font-size:12px;color:#6a6e83;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.pti-crop-custom{margin-top:10px;display:flex;flex-direction:column;gap:10px}.pti-crop-range-label{display:flex;flex-direction:column;gap:4px;cursor:pointer}.pti-crop-range-name{font-size:12px;color:#6a6e83;display:flex;justify-content:space-between}.pti-crop-range-val{color:#4361ee;font-weight:600}.pti-crop-range-label input[type="range"]{width:100%;accent-color:#4361ee;cursor:pointer}.pti-preview{display:flex;align-items:flex-end;justify-content:center;gap:18px;flex-wrap:wrap;padding:24px 14px;background:#fff;border:1px solid #e4e6f0;border-radius:10px;min-height:160px}.pti-preview-cell{display:flex;flex-direction:column;align-items:center;gap:8px}.pti-preview-canvas-wrap{background:repeating-conic-gradient(#e4e6f0 0% 25%,#ffffff 0% 50%) 50%/12px 12px;border-radius:4px;border:1px solid #e4e6f0;overflow:hidden}.pti-preview-canvas-wrap canvas{display:block}.pti-preview-label{font-size:12px;color:#6a6e83;font-weight:500}.pti-preview-empty{width:100%;text-align:center;color:#6a6e83;font-size:13px;padding:36px 0}.pti-center-info{margin-top:16px;padding:12px 14px;background:#eef0fa;border-radius:6px;font-size:13px;color:#6a6e83;display:flex;flex-wrap:wrap;gap:14px}.pti-center-info strong{color:#4b5066}.pti-sizes-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.pti-size-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:#fff;border:1px solid #e4e6f0;border-radius:14px;font-size:12.5px;color:#4b5066;cursor:pointer;user-select:none}.pti-size-chip input{margin:0}.pti-size-chip:has(input:checked){background:#eef0fa;border-color:#4361ee;color:#4361ee;font-weight:600}.pti-quick-buttons{display:flex;gap:6px;margin-bottom:18px}.pti-quick-buttons button{background:#fff;border:1px solid #c5c9dc;border-radius:6px;padding:5px 10px;font-size:11.5px;color:#4b5066;cursor:pointer}.pti-quick-buttons button:hover{background:#eef0fa;border-color:#4361ee;color:#4361ee}.pti-select,.pti-crop-pos select{width:100%;padding:7px 10px;font-size:13px;color:#4b5066;background:#fff;border:1px solid #c5c9dc;border-radius:6px;cursor:pointer}.pti-select:focus,.pti-crop-pos select:focus{outline:none;border-color:#4361ee}.pti-custom-bg-wrap{margin-top:10px}.pti-custom-bg-wrap input[type="color"]{width:44px;height:34px;padding:0;border:1px solid #c5c9dc;border-radius:6px;cursor:pointer;vertical-align:middle}.pti-section{margin-top:18px;padding-top:18px;border-top:1px solid #e4e6f0}.pti-download-info{font-size:13px;color:#6a6e83;margin-bottom:12px}.pti-download-info div{margin-bottom:4px}.pti-download-info strong{color:#4b5066;font-weight:600}.pti-actions{display:flex;flex-direction:column;gap:8px}.pti-btn-primary,.pti-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:8px;font-weight:600;font-size:14px;border:none;cursor:pointer;text-decoration:none;transition:background .15s;width:100%}.pti-btn-primary{background:#4361ee;color:#fff}.pti-btn-primary:hover{background:#3451d1;color:#fff}.pti-btn-secondary{background:#fff;color:#4361ee;border:1px solid #4361ee}.pti-btn-secondary:hover{background:#eef0fa}.pti-btn-primary[disabled],.pti-btn-secondary[disabled]{opacity:.5;cursor:wait}.pti-embed{margin-top:20px}.pti-embed-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.pti-embed-title{margin:0}.pti-copy-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #c5c9dc;border-radius:6px;padding:5px 14px;font-size:12px;color:#4b5066;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.pti-copy-btn:hover{background:#eef0fa;border-color:#4361ee;color:#4361ee}.pti-copy-btn.pti-copied{background:#e0faf2;border-color:#06d6a0;color:#06d6a0}.pti-embed-code{background:#f9f9fc;color:#3a3f56;border:1px solid #e4e6f0;padding:14px;border-radius:8px;margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.65;overflow-x:auto;white-space:pre}.pti-snippet{background:#f9f9fc;border:1px solid #e4e6f0;border-radius:6px;padding:14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.6;color:#3a3f56;overflow-x:auto;white-space:pre}.illus{margin:32px auto 40px;display:flex;justify-content:center}.illus img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 14px 40px rgba(15,30,46,.14)}.trustlead{font-weight:700}.hide{display:none!important}@media (max-width:980px){.pti-tool-grid{grid-template-columns:1fr}.pti-center{border-right:none;border-bottom:1px solid #e4e6f0}}@media (max-width:600px){.pti-preview{gap:12px;padding:18px 8px}}