.pip-app{max-width:900px;margin:0 auto;font-family:inherit;color:inherit;box-sizing:border-box}.pip-app *{box-sizing:border-box}.pip-dropzone{border:2px dashed #b8c2d1;border-radius:16px;padding:52px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:#fff;cursor:pointer;transition:.2s ease}.pip-dropzone:hover,.pip-dropzone.is-dragging{border-color:#2563eb;background:#f6f9ff}.pip-upload-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:#2563eb;font-size:30px}.pip-button{appearance:none;border:0;border-radius:8px;padding:11px 18px;background:#2563eb;color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:.15s ease}.pip-button:hover{filter:brightness(.94)}.pip-button:disabled{opacity:.5;cursor:not-allowed}.pip-button-large{padding:13px 22px}.pip-progress{display:flex;align-items:center;gap:10px;margin:18px 0;padding:14px;border-radius:10px;background:#f6f7f9}.pip-progress[hidden],.pip-message[hidden],.pip-result[hidden],.pip-preview-wrap[hidden],.pip-editor[hidden],.pip-preset-row[hidden]{display:none!important}.pip-spinner{width:18px;height:18px;border:2px solid #d7dce3;border-top-color:#2563eb;border-radius:50%;animation:pipspin .8s linear infinite}@keyframes pipspin{to{transform:rotate(360deg)}}.pip-message{margin:18px 0;padding:14px 16px;border-radius:10px}.pip-error{background:#fff1f1;color:#8a1f1f;border:1px solid #efb7b7}.pip-success{background:#effaf2;color:#1f6a34;border:1px solid #bfe2c9}.pip-result{margin-top:24px;padding:24px;border:1px solid #e0e4ea;border-radius:14px;background:#fff}.pip-result h3{margin-top:0}.pip-preview-wrap{margin:16px 0 22px;width:100%}.pip-preview{display:block;width:100%;height:auto;border-radius:10px;background:#f3f4f6}.pip-result dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pip-result dl div{padding:12px;background:#f7f8fa;border-radius:8px}.pip-result dt{font-size:.8em;opacity:.65}.pip-result dd{margin:4px 0 0;font-weight:600;overflow-wrap:anywhere}.pip-warning{padding:12px 14px;border-radius:8px;background:#fff7df;border:1px solid #f0d58a}.pip-result-actions{display:flex;justify-content:flex-end;margin-top:22px}.pip-format-selection{margin-top:24px;padding-top:22px;border-top:1px solid #e7eaf0}.pip-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.pip-section-heading h4{margin:0 0 4px}.pip-section-heading p{margin:0;opacity:.68}.pip-selection-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.pip-link-button{appearance:none;border:0;background:none;color:#2563eb;padding:4px 0;font:inherit;font-size:.9em;cursor:pointer}.pip-format-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pip-format-choice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px 14px;border:1px solid #dfe4ea;border-radius:10px;background:#fff;cursor:pointer}.pip-format-choice:has(input:checked){border-color:#2563eb;background:#f6f9ff;box-shadow:0 0 0 1px #2563eb inset}.pip-format-choice.is-disabled{opacity:.52;background:#f7f8fa;cursor:not-allowed}.pip-format-choice input{width:18px;height:18px;margin:0;accent-color:#2563eb}.pip-format-choice-text{display:flex;flex-direction:column;gap:2px;min-width:0}.pip-format-choice-text small{opacity:.65}.pip-choice-state{font-size:.78em;opacity:.65;text-align:right;max-width:120px}.pip-selection-summary{margin:12px 0 0;font-size:.9em;opacity:.72}.pip-preset-row{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:11px 12px;background:#f7f8fa;border-radius:9px}.pip-preset-row>span{font-weight:600;font-size:.9em}.pip-preset-row>div{display:flex;flex-wrap:wrap;gap:7px}.pip-preset-button{appearance:none;border:1px solid #cfd6df;border-radius:999px;background:#fff;padding:6px 10px;font:inherit;font-size:.85em;cursor:pointer}.pip-editor{margin-top:24px}.pip-editor-status{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #dfe4ea;border-radius:10px;background:#f7f8fa;margin-bottom:14px}.pip-editor-status-main{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.pip-editor-status-main strong{overflow-wrap:anywhere}.pip-editor-status-main>span{font-size:.9em;opacity:.7}.pip-status-ok{display:inline-grid!important;place-items:center;width:22px;height:22px;border-radius:50%;background:#e9f8ee;color:#24713b!important;font-weight:700;opacity:1!important;flex:0 0 auto}.pip-status-progress{padding-left:8px;border-left:1px solid #d4dae2}.pip-format-navigation{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center;margin-bottom:9px}.pip-format-navigation label{display:block}.pip-format-navigation select{width:100%;min-height:40px;border:1px solid #d5dbe4;border-radius:8px;background:#fff;padding:7px 10px;font:inherit;color:inherit}.pip-format-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 0 10px;scrollbar-width:thin}.pip-format-tab{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:max-content;padding:9px 13px;border:1px solid #d8dee8;border-radius:9px;background:#fff;color:inherit;font:inherit;cursor:pointer}.pip-format-tab small{opacity:.62}.pip-format-tab em{font-style:normal;font-size:.72em;opacity:.58;margin-top:3px}.pip-format-tab.is-active{border-color:#2563eb;background:#eef4ff;box-shadow:0 0 0 1px #2563eb inset}.pip-format-tab.is-adjusted em{color:#24713b;opacity:1;font-weight:600}.pip-editor-panel{padding:22px;border:1px solid #e0e4ea;border-radius:14px;background:#fff}.pip-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.pip-editor-heading h3{margin:0 0 4px}.pip-editor-heading p{margin:0;opacity:.68}.pip-editor-badges{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.pip-format-badge,.pip-edit-state{padding:6px 9px;border-radius:7px;background:#f1f3f6;font-size:.82em;white-space:nowrap}.pip-edit-state{background:#f2f4f7;color:#596273}.pip-edit-state.is-adjusted{background:#e9f8ee;color:#24713b}.pip-crop-stage-wrap{width:100%;background:#15171a;border-radius:12px;overflow:hidden}.pip-crop-stage{position:relative;width:100%;overflow:hidden;touch-action:none;user-select:none;cursor:grab;background:#17191c}.pip-crop-stage.is-dragging-image{cursor:grabbing}.pip-crop-stage img{position:absolute;display:block;max-width:none!important;max-height:none!important;pointer-events:none;user-select:none;-webkit-user-drag:none}.pip-crop-frame{position:absolute;inset:0;border:2px solid rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);pointer-events:none}.pip-crop-controls{padding-top:18px}.pip-zoom-row{display:grid;grid-template-columns:auto 38px minmax(120px,1fr) 38px 62px;align-items:center;gap:10px}.pip-control-label{font-weight:600}.pip-icon-button{appearance:none;width:38px;height:38px;border:1px solid #d5dbe4;border-radius:8px;background:#fff;color:inherit;font:inherit;font-size:20px;line-height:1;cursor:pointer}.pip-icon-button:disabled{opacity:.4;cursor:not-allowed}.pip-zoom-row input[type=range]{width:100%;accent-color:#2563eb}.pip-zoom-row output{font-variant-numeric:tabular-nums;text-align:right;font-size:.9em}.pip-crop-help{margin:9px 0 0;font-size:.87em;opacity:.62}.pip-editor-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}.pip-secondary-button{appearance:none;border:1px solid #cfd6df;border-radius:8px;padding:11px 16px;background:#fff;color:inherit;font:inherit;font-weight:600;cursor:pointer}.pip-secondary-button:hover,.pip-icon-button:hover,.pip-preset-button:hover{background:#f7f8fa}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.pip-result dl{grid-template-columns:1fr}.pip-dropzone{padding:36px 18px}.pip-result,.pip-editor-panel{padding:16px}.pip-section-heading{align-items:flex-start;flex-direction:column}.pip-format-checklist{grid-template-columns:1fr}.pip-format-choice{grid-template-columns:auto 1fr}.pip-choice-state{grid-column:2;text-align:left;max-width:none}.pip-editor-status{align-items:flex-start;flex-direction:column}.pip-editor-status-main{display:grid;grid-template-columns:auto 1fr}.pip-editor-status-main>span:not(.pip-status-ok){grid-column:2}.pip-status-progress{padding-left:0;border-left:0}.pip-editor-heading{flex-direction:column;gap:8px}.pip-editor-badges{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.pip-zoom-row{grid-template-columns:auto 36px 1fr 36px}.pip-zoom-row output{grid-column:3;text-align:center}.pip-editor-actions{flex-direction:column-reverse;align-items:stretch}.pip-editor-actions button{width:100%}.pip-format-tabs{display:none}}
.pip-generation-progress{display:flex;align-items:center;gap:10px;margin-top:18px;padding:14px;border-radius:10px;background:#f6f7f9}.pip-generation-progress[hidden],.pip-generated-results[hidden]{display:none!important}.pip-generated-results{margin-top:24px;padding:22px;border:1px solid #dfe4ea;border-radius:14px;background:#fff}.pip-generated-results h3{margin:0 0 6px}.pip-generated-results>p{margin:0 0 16px;opacity:.68}.pip-generated-list{display:grid;gap:10px}.pip-generated-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid #e1e5eb;border-radius:10px}.pip-generated-item strong{display:block}.pip-generated-item small{display:block;margin-top:3px;opacity:.68}.pip-download-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important}.pip-generated-errors{margin-top:14px}.pip-generated-error{padding:12px 14px;border-radius:8px;background:#fff1f1;color:#8a1f1f;border:1px solid #efb7b7;margin:8px 0}.pip-generate-note{font-size:.85em;opacity:.65;margin-top:8px}@media(max-width:640px){.pip-generated-item{grid-template-columns:1fr}.pip-generated-item .pip-button{width:100%}}