.image-workbench{max-width:1120px;margin-inline:auto}.image-workbench fieldset{border:1px solid var(--border-subtle,#cbd5e1);padding:1rem;margin-block:1rem;min-width:0}.image-workbench__settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem}.image-workbench__settings label{display:flex;flex-direction:column;gap:.4rem;min-width:0}.image-workbench input,.image-workbench select,.image-workbench button{font:inherit;max-width:100%;min-height:44px}.image-workbench input[type=number],.image-workbench select{padding:.55rem;border:1px solid #94a3b8;background:#fff;color:#172033;border-radius:4px}.image-workbench input[type=color]{width:100%;height:44px}.image-workbench__check{flex-direction:row!important;align-items:center}.image-workbench__check input{width:22px}.image-workbench__settings p{grid-column:1/-1;margin:0}.image-workbench__files{padding-inline-start:1.5rem;overflow-wrap:anywhere}.image-workbench__files li{padding:.3rem}.image-workbench__files button{margin-inline-start:.4rem;padding:.25rem .65rem}.image-workbench .png-tool__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-block:1rem}.image-workbench .png-tool__actions button,.image-workbench .png-tool__download{border:1px solid #334155;border-radius:4px;padding:.65rem 1rem}.image-workbench [data-image-process]{background:#174bd3;color:white}.image-workbench [data-image-process]:disabled{background:#64748b;cursor:not-allowed}.image-workbench :focus-visible{outline:3px solid #174bd3;outline-offset:3px}.image-workbench.png-tool .png-tool__preview figure.image-workbench__canvas{min-width:0;overflow:hidden;margin:0;background-color:#fff;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.image-workbench__canvas figcaption{background:#fff;color:#172033;padding:.5rem;font-weight:600}.image-workbench__canvas img{display:block;max-width:100%;max-height:520px;object-fit:contain;margin:auto}.image-workbench .png-tool__preview{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.image-workbench [hidden]{display:none!important}.image-workbench [data-image-status],.image-workbench [data-image-metrics]{overflow-wrap:anywhere}.image-workbench__files [disabled]{opacity:.45}@media(max-width:600px){.image-workbench .png-tool__preview{grid-template-columns:1fr}.image-workbench .png-tool__actions>*{flex:1 1 140px;text-align:center}}