:root{--split-ink:#0b1328;--split-muted:#5f6f8e;--split-primary:#4069ff;--split-accent:#ff6b57;--split-shadow:0 24px 60px rgba(8,15,35,.09)}
body{color:var(--split-ink);background:linear-gradient(180deg,#fff 0,#f7f9ff 40%,#fff 100%)}
.split-modern-hero{padding:5.5rem 0 4.5rem;background:radial-gradient(circle at 10% 15%,rgba(64,105,255,.18),transparent 30%),radial-gradient(circle at 88% 15%,rgba(255,107,87,.13),transparent 28%),linear-gradient(180deg,#fff,#f4f7ff)}
.split-modern-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;line-height:1.04;letter-spacing:-.04em}.split-modern-hero .lead{color:var(--split-muted);max-width:760px}.split-hero-panel{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:1.5rem;box-shadow:var(--split-shadow)}
.split-tool-band{padding:4.5rem 0}.split-shell{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:1.75rem;box-shadow:var(--split-shadow);overflow:hidden}.split-tool-head{padding:2rem 2rem 1.25rem}.split-drop{margin:0 2rem 2rem;min-height:255px;border:2px dashed #a8b6ee;border-radius:1.3rem;background:#f7f9ff;display:grid;place-items:center;text-align:center;padding:2rem;cursor:pointer;transition:.2s}.split-drop:hover,.split-drop.dragging{border-color:var(--split-primary);background:#eef2ff;transform:translateY(-2px)}.split-drop input{display:none}.split-drop-icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;margin:auto;background:#e7edff;color:var(--split-primary);font-size:2rem}
.split-editor{display:none;border-top:1px solid #e8edf5}.split-editor.ready{display:block}.split-sidebar{padding:1.5rem;border-right:1px solid #e8edf5;background:#fbfcff}.split-workspace{padding:1.5rem}.split-mode{display:block;border:1px solid #dce3ef;border-radius:1rem;padding:1rem;margin-bottom:.75rem;cursor:pointer;background:#fff}.split-mode:has(input:checked){border-color:var(--split-primary);box-shadow:0 0 0 3px rgba(64,105,255,.1)}.split-mode input{margin-right:.55rem}.split-mode small{display:block;color:var(--split-muted);margin:.35rem 0 0 1.45rem}.split-pages-toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin-bottom:1rem}.split-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:1rem;max-height:590px;overflow:auto;padding:.25rem}.split-page{border:2px solid transparent;border-radius:1rem;background:#f3f6fb;padding:.55rem;cursor:pointer;position:relative;transition:.15s}.split-page:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(15,23,42,.1)}.split-page.selected{border-color:var(--split-primary);background:#edf2ff}.split-page img{display:block;width:100%;aspect-ratio:.76;object-fit:contain;background:#fff;border-radius:.55rem}.split-page-label{display:flex;align-items:center;justify-content:space-between;margin-top:.55rem;font-size:.84rem;font-weight:700}.split-check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#dce3ef;color:transparent}.selected .split-check{background:var(--split-primary);color:#fff}.split-actions{padding:1.25rem 1.5rem;border-top:1px solid #e8edf5;background:#fff;position:sticky;bottom:0}.split-status{min-height:1.4rem}.split-file-pill{display:flex;align-items:center;gap:.8rem;background:#eef3ff;border-radius:1rem;padding:.8rem 1rem}.split-file-pill i{color:var(--split-primary)}
@media(max-width:991px){.split-sidebar{border-right:0;border-bottom:1px solid #e8edf5}.split-pages{max-height:none}}@media(max-width:576px){.split-tool-head,.split-workspace,.split-sidebar,.split-actions{padding-left:1rem;padding-right:1rem}.split-drop{margin-left:1rem;margin-right:1rem}.split-pages{grid-template-columns:repeat(2,1fr)}}