.square-image-tool{padding:0}.square-image-tool section+section{border-top:1px solid #d8e1d9;margin-top:26px;padding-top:24px}.square-image-tool h2{border:0;margin:0;padding:0;font-size:22px}.square-image-tool h2>span{vertical-align:-.08em;margin-right:.2em;font-size:1.15em;display:inline-block}.image-drop-zone{box-sizing:border-box;text-align:center;cursor:pointer;background:#eaf5ee;border:3px dashed #287a52;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:270px;margin-top:18px;padding:28px;transition:background-color .2s,border-color .2s;display:flex}.image-drop-zone:hover,.image-drop-zone:focus-within{background:#e0f0e5;border-color:#185c3c}.image-drop-zone.is-dragging{background:#fff1e5;border-color:#bc5c20}.image-drop-zone input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.image-drop-zone:focus-within{outline-offset:3px;outline:3px solid #185c3c}.image-drop-zone-icon{font-size:48px;line-height:1}.image-drop-zone strong{color:#1d5637;font-size:21px}.image-drop-zone-button{color:#fff;background:#246847;border:1px solid #246847;padding:10px 24px;font-size:17px;font-weight:700;display:inline-block}.image-drop-zone-note{color:#3c4e42;font-size:15px}.image-privacy{color:#4d5850;margin:10px 0 0;font-size:15px}.image-setting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-top:18px;display:grid}.image-setting-grid label{gap:6px;font-size:16px;font-weight:700;display:grid}.image-setting-grid input:not([type=range]),.image-setting-grid select{color:#222;width:100%;height:48px;font:inherit;background:#fff;border:1px solid #8fa194;border-radius:0;padding:8px 10px;font-size:16px}.image-setting-grid input[type=color]{padding:5px}.image-setting-grid input:disabled,.image-setting-grid select:disabled{color:#747b76;background:#edf0ed}.image-setting-grid input[type=range]{accent-color:#287a52;width:100%}.image-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.image-actions button,.image-result-heading button,.image-download{color:#fff;min-height:46px;font:inherit;cursor:pointer;background:#287a52;border:1px solid #287a52;border-radius:4px;padding:8px 16px;font-weight:700}.image-actions .secondary{color:#246847;background:#fff}.image-actions button:disabled,.image-result-heading button:disabled,.image-download:disabled{color:#757d77;cursor:not-allowed;background:#e8ece9;border-color:#aab5ad}.image-status{color:#246847;min-height:1.6em;margin:9px 0 0;font-size:15px}.image-result-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.image-result-heading h2{flex:1}.image-result-list{gap:18px;margin-top:18px;display:grid}.image-empty{text-align:center;background:#fff;border:1px solid #d4ded6;margin:0;padding:24px}.image-result-card{background:#fff;border:1px solid #c4d1c7;grid-template-columns:180px minmax(0,1fr);gap:18px;padding:16px;display:grid}.image-preview{aspect-ratio:1;background-color:#fff;background-image:linear-gradient(45deg,#e8ece9 25%,#0000 25%),linear-gradient(-45deg,#e8ece9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8ece9 75%),linear-gradient(-45deg,#0000 75%,#e8ece9 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;display:grid;overflow:hidden}.image-preview img{object-fit:contain;width:100%;height:100%;display:block}.image-result-details{min-width:0}.image-result-details h3{overflow-wrap:anywhere;border:0;margin:0 0 8px;padding:0;font-size:18px}.image-metadata{color:#4d5850;margin:0 0 12px;font-size:15px}.image-filename{gap:6px;font-size:15px;font-weight:700;display:grid}.image-filename-row{align-items:stretch;display:flex}.image-filename-row input{min-width:0;height:44px;font:inherit;border:1px solid #8fa194;border-radius:0;flex:1;padding:8px 10px}.image-extension{background:#f1f4f2;border:1px solid #8fa194;border-left:0;place-items:center;min-width:64px;padding:0 10px;display:grid}.image-card-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.image-remove{color:#8a3428;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b46d62;padding:7px 12px;font-weight:700}.image-download{min-height:42px}.image-saving{color:#246847;margin:9px 0 0;font-size:14px}@media (width<=760px){.image-drop-zone{min-height:230px;padding:24px 16px}.image-drop-zone strong{font-size:18px}.image-setting-grid{grid-template-columns:1fr}.image-actions{display:grid}.image-result-heading{flex-direction:column;align-items:stretch}.image-result-card{grid-template-columns:1fr}.image-preview{width:min(100%,280px);margin-inline:auto}.image-card-actions{display:grid}.image-download,.image-remove{width:100%}}