/* Image Splitter page styles (tier-standard tool). */
.sp-preview{margin-top:16px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);text-align:center}
.sp-preview img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:8px}
.sp-preview span{display:block;color:var(--muted);margin-top:8px;font-size:.9rem}
.sp-error{margin-top:14px;padding:12px 14px;border:1px solid var(--bad,#c93a3a);border-radius:10px;color:var(--bad,#c93a3a);font-weight:600}
.sp-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.sp-settings label{display:block;font-weight:600;margin-bottom:6px}
.sp-settings input,.sp-settings select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:1rem;box-sizing:border-box}
.sp-settings input:focus,.sp-settings select:focus{outline:2px solid var(--focus);outline-offset:1px}
.sp-pieces{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:16px}
.sp-piece{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface);text-align:center}
.sp-piece img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:6px}
.sp-piece span{display:block;font-size:.85rem;color:var(--muted);margin:8px 0}
@media (max-width:640px){.sp-settings{grid-template-columns:1fr}}