.sharpener .workspace{min-width:0}.sharpener .settings{flex-direction:column;gap:18px;display:flex}.sharpener .settings>.button{width:100%}.sharpener .field{margin:0}.sharpener input[type=range]{accent-color:#1646d8;cursor:pointer;width:100%;min-height:44px;padding:0}.sharpener input:disabled{cursor:default}.sharpener output{float:right;font-variant-numeric:tabular-nums;color:#1646d8}.sharp-comparison{background:repeating-conic-gradient(#e9ebef 0% 25%,#fff 0% 50%) 0/20px 20px;border-radius:10px;margin-bottom:20px;position:relative;overflow:hidden}.sharp-comparison img{object-fit:contain;width:100%;height:auto;max-height:560px;display:block}.sharp-comparison #sharp-after{clip-path:inset(0 0 0 50%);height:100%;position:absolute;inset:0}.sharp-labels{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:12px 12px auto}.sharp-labels span{color:#fff;background:#162033db;border-radius:5px;padding:4px 10px;font-size:12px}.sharp-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.sharpener .text-button{text-align:left;min-height:44px}.sharpener .hint{overflow-wrap:anywhere}.sharpener [hidden]{display:none!important}@media (width<=700px){.sharp-comparison img{max-height:420px}}#sharp-resize-dialog{border:1px solid var(--line);width:min(560px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:#fff;border-radius:16px;padding:28px;overflow:auto;box-shadow:0 24px 80px #18232f44}#sharp-resize-dialog::backdrop{background:#18232f99}#sharp-resize-dialog h2{margin-top:0;font-size:1.4rem}.sharp-size-recommendation{color:var(--blue);font-size:1.5rem;font-weight:750}.sharp-resize-options{gap:4px;margin:20px 0;display:grid}.sharp-resize-options label{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.sharp-resize-options input{width:18px;height:18px;accent-color:var(--blue);flex-shrink:0}.sharp-size-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sharp-size-fields input{width:100%;min-width:0}.sharp-dialog-actions{flex-wrap:wrap;gap:12px;margin:24px 0 12px;display:flex}@media (width<=480px){#sharp-resize-dialog{padding:20px}.sharp-dialog-actions>button{width:100%}}