.kp-image-tool-head{max-width:760px;margin:28px 0 24px}.kp-image-tool-head h1{margin:.15em 0;font-size:clamp(2rem,5vw,3.35rem);line-height:1.08}.kp-image-tool-head>p:last-child{max-width:720px;color:#5d5962}.kp-image-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:24px;align-items:start;margin:18px 0 42px}.kp-image-editor,.kp-image-preview{border:1px solid #ded9d2;border-radius:20px;background:#fff;padding:clamp(18px,3vw,28px)}.kp-image-editor h2,.kp-image-preview h2{margin:0;font-size:1.25rem}.kp-image-drop{display:grid;place-items:center;gap:7px;min-height:190px;margin:20px 0;padding:24px;border:1px dashed #82778b;border-radius:16px;background:#faf8fc;text-align:center;cursor:pointer}.kp-image-drop.is-dragging{border-color:#6941c6;background:#f3edff}.kp-image-drop input{position:absolute;width:1px;height:1px;opacity:0}.kp-image-drop strong{color:#4d277f;font-size:1.05rem}.kp-image-drop span,.kp-image-drop small{color:#66606b}.kp-image-drop small{font-size:.82rem}.kp-image-selected{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;align-items:center;gap:12px;margin:18px 0;padding:12px;border:1px solid #ded9d2;border-radius:14px}.kp-image-selected img{width:72px;height:72px;object-fit:cover;border-radius:10px;background:#f3f0eb}.kp-image-selected strong,.kp-image-selected span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kp-image-selected span{margin-top:4px;color:#68616d;font-size:.86rem}.kp-image-selected button,.kp-image-actions button,.kp-image-downloads button,.kp-image-presets button{min-height:44px;border:1px solid #9b929f;border-radius:11px;background:#fff;color:#211d26;padding:9px 14px;font:inherit;font-weight:650;cursor:pointer}.kp-image-options{display:grid;gap:16px;margin:20px 0}.kp-image-options>label,.kp-image-two label,.kp-image-advanced label{display:grid;gap:7px;font-weight:650}.kp-image-options input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.kp-image-options select{box-sizing:border-box;width:100%;min-height:48px;padding:11px 13px;border:1px solid #bdb7c2;border-radius:11px;background:#fff;color:#18151d;font:inherit}.kp-image-options input[type=color]{width:100%;height:48px;border:1px solid #bdb7c2;border-radius:11px;background:#fff;padding:5px}.kp-image-options input:focus,.kp-image-options select:focus,.kp-image-actions button:focus-visible,.kp-image-downloads button:focus-visible,.kp-image-selected button:focus-visible,.kp-image-presets button:focus-visible{outline:3px solid rgba(105,65,198,.2);outline-offset:2px;border-color:#6941c6}.kp-image-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kp-image-check{display:flex!important;align-items:flex-start;gap:9px;min-height:44px}.kp-image-check input{margin-top:4px}.kp-image-presets{display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;border:0}.kp-image-presets legend{width:100%;margin-bottom:3px;font-weight:700}.kp-image-presets label{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 11px;border:1px solid #c6c0ca;border-radius:10px}.kp-image-notice{margin:0;padding:11px 13px;border-radius:10px;background:#fff7df;color:#664d03}.kp-image-error{padding:11px 13px;border-radius:10px;background:#fff2f0;color:#8d1d16}.kp-image-actions,.kp-image-downloads{display:flex;flex-wrap:wrap;gap:10px}.kp-image-primary{border-color:#4d277f!important;background:#4d277f!important;color:#fff!important}.kp-image-primary:disabled{opacity:.5;cursor:not-allowed}.kp-image-privacy{margin:16px 0 0;color:#68616d;font-size:.88rem}.kp-image-preview{position:sticky;top:18px}.kp-image-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.kp-image-preview-head span{color:#69636e;font-size:.82rem}.kp-image-preview-box{display:grid;place-items:center;min-height:340px;overflow:hidden;border-radius:14px;background:#f5f2ed;padding:16px}.kp-image-preview-box img{display:block;max-width:100%;max-height:520px;object-fit:contain}.kp-image-preview-box p{color:#6c6670;text-align:center}.kp-image-result-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.kp-image-result-info div{padding:10px;border-radius:10px;background:#f7f5f1}.kp-image-result-info dt{font-size:.78rem;color:#6d6671}.kp-image-result-info dd{margin:4px 0 0;font-weight:650;line-height:1.45}.kp-image-downloads{margin-top:14px}.kp-image-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kp-image-metadata div{padding:10px;border:1px solid #e0dce3;border-radius:10px}.kp-image-metadata strong,.kp-image-metadata span{display:block}.kp-image-metadata span{margin-top:3px;color:#625b67;font-size:.84rem}.kp-image-advanced{border-top:1px solid #ded9d2;padding-top:14px}.kp-image-advanced summary{min-height:44px;cursor:pointer;font-weight:700}.kp-image-advanced[open]{display:grid;gap:15px}.kp-image-support,.kp-image-related{max-width:850px;margin:40px 0}.kp-image-support li{margin:.6em 0}.kp-image-support p{color:#5f5963;line-height:1.7}
@media(max-width:767px){.kp-image-tool-head{margin-top:14px}.kp-image-app{grid-template-columns:1fr;gap:14px}.kp-image-editor,.kp-image-preview{padding:16px;border-radius:16px}.kp-image-preview{position:static}.kp-image-preview-box{min-height:270px}.kp-image-selected{grid-template-columns:58px minmax(0,1fr)}.kp-image-selected img{width:58px;height:58px}.kp-image-selected button{width:100%}.kp-image-actions button,.kp-image-downloads button{flex:1 1 140px}}
@media(max-width:430px){.kp-image-tool-head h1{font-size:2.2rem}.kp-image-drop{min-height:160px;padding:18px 12px}.kp-image-two,.kp-image-result-info,.kp-image-metadata{grid-template-columns:1fr}.kp-image-preview-box{min-height:235px;padding:10px}}
@media(max-width:390px){.kp-image-actions,.kp-image-downloads{display:grid;grid-template-columns:1fr}.kp-image-actions button,.kp-image-downloads button{width:100%}}
.kp-image-app [hidden]{display:none!important}