.image-tool{scroll-margin-top:110px}.image-drop{padding:24px;border:1px dashed var(--border,#505779);border-radius:18px;background:rgba(112,83,255,.05)}.image-drop.dragging{outline:2px solid #9075ff;background:rgba(112,83,255,.13)}.image-drop label{display:block;font-weight:650;margin-bottom:12px}.image-drop input{max-width:100%}.image-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:24px;margin-top:24px}.image-preview{min-width:0}.image-preview canvas{display:block;width:auto;max-width:100%;height:auto;max-height:500px;object-fit:contain;border:1px solid var(--border,#303654);border-radius:12px;background:repeating-conic-gradient(#97979722 0% 25%,transparent 0% 50%) 50%/20px 20px}.image-preview canvas.cropping{touch-action:none;cursor:crosshair}.image-number-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-number-grid input{min-width:0;width:100%}.image-tool fieldset{border:0;padding:0;min-width:0}.image-tool legend{font-weight:700;margin-bottom:16px}.image-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.image-actions [aria-pressed=true]{background:#7053ff;color:#fff}.image-tool #image-result{margin-top:24px}.image-tool #image-status{overflow-wrap:anywhere}.image-tool #image-download{display:inline-flex}.image-tool input[type=range]{padding:0;accent-color:#8064ff}@media(max-width:760px){.image-columns{grid-template-columns:1fr}.image-drop{padding:16px}.image-preview canvas{max-height:360px}.image-actions button{flex:1 1 130px}.image-tool{scroll-margin-top:90px}}
.image-tool [hidden]{display:none!important}.image-tool #image-batch-selection,.image-tool #image-batch-status{overflow-wrap:anywhere}.image-tool #image-batch-progress{width:100%;accent-color:#8064ff}.image-tool #image-batch-files{max-width:100%}

.image-recipes{margin:20px 0;padding:16px;border:1px solid var(--line,#35374f);border-radius:16px}.image-recipes summary{cursor:pointer;font-weight:700}.image-recipes label{display:grid;gap:6px;margin:12px 0}.image-recipes-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin:12px 0}.image-recipes-logos button{min-height:88px;padding:8px}.image-recipes-logos img{width:100%;height:80px;object-fit:contain}.image-recipes input,.image-recipes select{max-width:100%;min-width:0}