.image-extended-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 15px}.image-extended-actions>.button{flex:1 1 120px;min-height:42px;font-size:12px}.image-extended-actions [hidden]{display:none!important}
.image-dialog{box-sizing:border-box;width:min(1000px,calc(100vw - 24px));max-width:1000px;max-height:93vh;overflow:auto;border:1px solid #cfdbcb;border-radius:15px;padding:24px;background:#fbfcf8;color:#243f32}.image-dialog *{box-sizing:border-box}.image-dialog::backdrop{background:#102c24b8}.image-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.image-dialog-head h2{font-size:22px;margin:0}.image-dialog-head button{flex:none}.image-dialog label{display:block;margin:12px 0;font-size:13px}.image-dialog input:not([type=checkbox]):not([type=range]){display:block;width:100%;min-height:44px;font:16px Arial,sans-serif;padding:10px;border:1px solid #d1dbc9;border-radius:7px;margin-top:7px}.image-dialog [hidden]{display:none!important}.image-library-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.image-library-toolbar button{min-height:42px}.image-library-toolbar [aria-pressed=true]{background:#214f3c;color:white}.image-status{font-size:13px;line-height:1.7;min-height:22px;overflow-wrap:anywhere;color:#466044}.image-library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.image-library-card{border:1px solid #d9e3d1;border-radius:9px;background:white;overflow:hidden;min-width:0}.image-library-pick{display:flex;flex-direction:column;gap:7px;width:100%;padding:12px;border:0;background:transparent;color:#234c38;text-align:left;cursor:pointer}.image-library-pick:hover{background:#edf4e7}.image-library-pick img{width:100%;height:120px;object-fit:contain;background:repeating-conic-gradient(#eef0e9 0% 25%,white 0% 50%) 50%/16px 16px}.image-library-pick strong{font-size:12px;overflow-wrap:anywhere;line-height:1.4}.image-library-pick small{font-size:10px;color:#64755e;overflow-wrap:anywhere}.image-library-card>.text-button{margin:0 10px 8px;min-height:32px}.image-save-form{padding:15px;border:1px solid #d6e2cf;background:#f1f6eb;border-radius:10px}.image-save-form label{margin-top:0}.image-save-form input{margin-bottom:12px}.image-cut-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.image-cut-controls>label:first-child{flex:1 1 240px}.image-cut-controls input[type=range]{display:block;width:100%;margin-top:12px;accent-color:#305c42}.image-cut-controls output{float:right}.image-cut-controls .image-check{display:flex;align-items:center;gap:8px}.image-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.image-comparison figure{margin:0;min-width:0}.image-comparison figcaption{font-size:12px;margin-bottom:8px}.image-comparison canvas{display:block;width:100%;height:auto;max-height:55vh;object-fit:contain;border:1px solid #d8e0d0;background:repeating-conic-gradient(#e1e5dc 0% 25%,white 0% 50%) 50%/20px 20px;touch-action:manipulation}.image-library-pick:focus-visible{outline:3px solid #3681b9;outline-offset:-3px}
@media(max-width:750px){.image-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:500px){.image-dialog{padding:16px;width:calc(100vw - 12px)}.image-dialog-head h2{font-size:19px}.image-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-library-pick img{height:100px}.image-comparison{gap:8px}.image-library-toolbar button{font-size:12px;min-height:44px}.image-cut-controls{gap:8px}.image-cut-controls>button{flex:1;font-size:12px}}