.split-layout { display:grid; grid-template-columns:1.1fr 1fr; border:1px solid var(--border); border-radius:20px; overflow:hidden; background:var(--wb-paper); margin-bottom:60px; }
.split-form,.split-result { padding:32px; }.split-form h2 { font-size:26px; margin-bottom:24px; }.split-form h3 { font-size:20px; }.split-form p { font-size:13px; line-height:1.6; color:var(--text-70); }.split-top { display:grid; grid-template-columns:1fr 110px; gap:20px; }.split-form label { display:block; font-size:12px; color:var(--text-70); }.split-form input:not([type=checkbox]),.split-form select { display:block; width:100%; padding:13px; min-height:48px; border:1px solid var(--border); border-radius:9px; background:var(--bg); color:var(--text); margin-top:8px; font:16px var(--sans); }.split-top input { font-size:26px!important; }.split-form input:focus,.split-form select:focus { outline:2px solid var(--teal); outline-offset:2px; }.split-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:32px; }.split-form button { padding:10px 12px; min-height:44px; border:1px solid var(--border); border-radius:9px; background:transparent; color:var(--text); cursor:pointer; }.split-person { display:grid; grid-template-columns:1fr 70px 40px; gap:10px; align-items:end; padding:13px 0; border-bottom:1px solid var(--border); }.split-person:has([data-paid]) { grid-template-columns:1fr 60px 90px 40px; }.split-person button { padding:5px; font-size:22px; }.split-form .split-check { display:flex; align-items:center; gap:10px; margin:24px 0; }.split-check input { width:18px; height:18px; accent-color:var(--teal-deep); }.split-result { background:var(--teal-deep); color:var(--bg); }.split-result .wb-kicker { color:inherit; opacity:.7; }.split-result>strong { display:block; font:500 clamp(32px,4vw,52px)/1.2 var(--sans); letter-spacing:-.055em; }.split-result>p { opacity:.8; font-size:13px; }.split-result h3 { margin:30px 0 16px; font-weight:500; font-size:18px; }.split-result dl>div { display:flex; justify-content:space-between; gap:18px; padding:12px 0; border-bottom:1px solid currentColor; border-color:color-mix(in srgb,currentColor 15%,transparent); font-size:14px; }.split-result dd { margin:0; }.split-result ol { padding-inline-start:18px; font-size:14px; line-height:1.7; }.split-result li { margin-bottom:10px; }.split-result button { border:0; border-radius:9px; padding:14px 19px; background:var(--bg); color:var(--teal-deep); cursor:pointer; font:600 13px var(--sans); }.split-result .split-note { font-size:11px; line-height:1.7; margin-top:25px; }.split-result #copyStatus { font-size:12px; margin-inline-start:14px; }
@media(max-width:850px) { .split-layout { grid-template-columns:1fr; } }
@media(max-width:450px) { .split-form,.split-result { padding:24px 18px; }.split-person:has([data-paid]) { grid-template-columns:1fr 60px 70px 30px; gap:6px; }.split-person input { padding:10px 6px!important; }.split-top { gap:12px; grid-template-columns:1fr 90px; } }

.split-result dt,.split-result li{overflow-wrap:anywhere;min-width:0}.split-person>*{min-width:0}.split-result>strong{overflow-wrap:anywhere}