/* ToolPaxa Image Splitter — upload and download are always paired in the workspace. */
.image-splitter .split-toolbar{display:flex;gap:.7rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-block:.75rem}
.image-splitter .split-toolbar .button{min-height:42px}
.image-splitter #split-zip:disabled{opacity:.48;cursor:not-allowed}
.image-splitter .split-current{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;min-width:0}
.image-splitter #split-file-name{overflow-wrap:anywhere;max-width:80%}
.image-splitter .split-presets{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:1rem}
.image-splitter .split-presets p{width:100%;font-weight:600;margin:0 0 .25rem}
.image-splitter .split-preset{font-variant-numeric:tabular-nums;min-width:65px}
.image-splitter .split-preset[aria-pressed=true]{outline:2px solid #3366ee;outline-offset:1px}
.image-splitter .split-advanced{padding:.75rem 0;margin-block:1rem;border-block:1px solid var(--border,#e2e8f0)}
.image-splitter .split-advanced summary{cursor:pointer;font-weight:600}
.image-splitter #split-frame{display:flex;align-items:center;justify-content:center;max-width:100%;min-width:0;overflow:hidden;background:#edf2fa}
.image-splitter #split-frame[hidden],.image-splitter #split-results[hidden],.image-splitter #split-current[hidden],.image-splitter #split-cancel[hidden]{display:none!important}
.image-splitter #split-preview{display:block;width:auto;height:auto;max-width:100%;max-height:560px;object-fit:contain}
.image-splitter .split-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px;margin-top:1rem}
.image-splitter .split-tile{display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:.5rem;background:var(--card,#fff);border:1px solid var(--border,#e2e8f0);border-radius:10px}
.image-splitter .split-tile img{width:100%;height:110px;object-fit:contain;background:#f1f5f9}
.image-splitter .split-tile .button{width:100%;text-align:center}
.image-splitter #split-results{padding:1rem;border:1px solid var(--border,#e2e8f0);border-radius:14px;margin-top:1rem}
.image-splitter .tool-field input{max-width:100%;box-sizing:border-box}
@media(max-width:560px){.image-splitter .split-toolbar{align-items:stretch}.image-splitter .split-toolbar .button{flex:1 1 130px}.image-splitter .split-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Selective tile downloads stay next to the results heading on large and small screens. */
.image-splitter .split-results-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.image-splitter .split-results-title{flex:1 1 170px;min-width:0}
.image-splitter .split-results-title h2{margin-top:0}
.image-splitter .split-results-actions{display:flex;flex:0 1 auto;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}
.image-splitter .split-select-all-label{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;white-space:nowrap;font-size:.92rem}
.image-splitter .split-select-all-label input,.image-splitter .split-tile-selector input{width:18px;height:18px;accent-color:#3366ee;cursor:pointer}
.image-splitter .split-selected-count{color:var(--muted,#64748b);font-size:.85rem;white-space:nowrap}
.image-splitter .split-results-actions .button{min-height:40px;white-space:nowrap}
.image-splitter .split-results-actions .button:disabled{opacity:.48;cursor:not-allowed}
.image-splitter .split-tile-selector{display:flex;align-items:center;gap:.4rem;font-size:.88rem;cursor:pointer;min-height:26px}
.image-splitter .split-tile:has(.split-tile-check:checked){border-color:#3366ee;box-shadow:0 0 0 1px #3366ee}
@media(max-width:820px){.image-splitter .split-results-header{display:block}.image-splitter .split-results-actions{justify-content:flex-start;margin-block:.75rem 1rem}}
@media(max-width:560px){.image-splitter .split-results-actions .button{flex:1 1 135px;white-space:normal}.image-splitter .split-results-actions{gap:.5rem}.image-splitter .split-selected-count{margin-inline-start:auto}}