.split-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.split-mode{position:relative;display:flex;cursor:pointer}.split-mode input{position:absolute;opacity:0;pointer-events:none}.split-mode>span{flex:1;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:2px solid var(--line);border-radius:var(--r-sm);background:var(--bg);transition:border-color .15s,background .15s;min-height:44px}.split-mode strong{font-size:14px}.split-mode small{font-size:12.5px;color:var(--mut)}.split-mode:hover>span{border-color:var(--line2)}.split-mode input:checked+span{border-color:var(--acc);background:var(--acc-soft)}.split-mode input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}.split-preview .split-item{cursor:default;padding:8px 12px}.split-more{list-style:none;font-size:13px;color:var(--faint);padding:4px 12px}@media(max-width:640px){.split-modes{grid-template-columns:1fr}}