.image-order { list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; }
.tool-form[data-standalone] label { display: grid; gap: 7px; color: var(--ink); font-size: .9375rem; font-weight: 600; }
.image-order li { display: flex; align-items: center; gap: .65rem; border: 1px solid #dce2ee; border-radius: .75rem; padding: .6rem; min-width: 0; }
.image-order img { width: 52px; height: 52px; object-fit: contain; background: #f6f8fc; border-radius: .35rem; }
.image-order span { flex: 1; overflow-wrap: anywhere; font-size: .9rem; min-width: 0; }
.image-order button { border: 1px solid #dce2ee; background: white; border-radius: .5rem; color: #3342db; cursor: pointer; min-width: 36px; min-height: 40px; font-size: 1.15rem; }
.image-order button:disabled { opacity: .35; cursor: default; }
.crop-preview { background: #f3f5fa; border: 1px solid #dce2ee; border-radius: .75rem; overflow: hidden; }
.crop-preview canvas { display: block; width: 100%; height: auto; touch-action: none; cursor: crosshair; }
.standalone-link { border: 0; padding: .4rem 0; background: none; text-align: left; cursor: pointer; font: inherit; }
.standalone-check { display: flex !important; gap: .65rem; align-items: flex-start; font-size: .9rem; line-height: 1.55; }
.standalone-check input { width: 20px; height: 20px; margin-top: .2rem; flex-shrink: 0; }
.standalone-status { margin: 0; font-size: .95rem; overflow-wrap: anywhere; }
.standalone-status[data-error="true"] { color: #b32336; }
.standalone-result { padding: 1rem; background: #f1faf7; border: 1px solid #cfe5dc; border-radius: .75rem; }
.standalone-result a { display: block; text-align: center; }
.tool-form [hidden] { display: none !important; }
.tool-form:has([data-watermark-pdf]) [data-watermark-pdf] { display: grid; gap: 1rem; }
.tool-form .option-grid > label { min-width: 0; }
@media (max-width: 420px) { .image-order li { gap: .4rem; } .image-order img { width: 38px; height: 38px; } }