.splitter-workspace{background:var(--line);border:1px solid var(--line);grid-template-columns:minmax(0,1.08fr) minmax(290px,.85fr) minmax(0,1.08fr);gap:1px;display:grid}.splitter-panel{background:#0e0f16;flex-direction:column;min-width:0;min-height:570px;padding:24px;display:flex}.splitter-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:12px;min-height:82px;display:flex}.splitter-step{color:var(--blue-bright);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:.64rem;font-weight:800;display:block}.splitter-panel h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.35rem,2vw,1.85rem);font-weight:800;line-height:1.08}.splitter-count{white-space:nowrap;color:var(--muted);padding-top:25px;font-size:.68rem}.splitter-input textarea,.splitter-output textarea{resize:vertical;border:1px solid var(--line-strong);width:100%;min-height:300px;color:var(--paper);overflow-wrap:anywhere;caret-color:var(--blue-bright);background:#090a0fb8;border-radius:3px;outline:none;flex:1;margin:22px 0 0;padding:16px;font:400 .93rem/1.65 Courier New,monospace}.splitter-input textarea:focus,.splitter-output textarea:focus,.splitter-field input:focus,.splitter-field select:focus{border-color:var(--blue-bright);outline:2px solid var(--blue-bright);outline-offset:2px}.splitter-input textarea::placeholder,.splitter-output textarea::placeholder,.splitter-field input::placeholder{color:#f5f5f175}.splitter-output textarea{background:#5368ff0b}.splitter-panel-foot{min-height:61px;color:var(--muted);justify-content:space-between;align-items:end;gap:12px;font-size:.7rem;line-height:1.35;display:flex}.splitter-panel-foot button{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;flex:none;font:800 .65rem Fira Sans,sans-serif}.splitter-text-button{color:var(--paper);text-underline-offset:4px;background:0 0;border:0;text-decoration:underline}.splitter-copy{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:3px;min-height:44px;padding:0 17px;transition:background .18s,transform .18s}.splitter-copy:hover:not(:disabled){background:var(--blue-bright);transform:translateY(-2px)}.splitter-panel-foot button:disabled{cursor:default;opacity:.45}.splitter-fields{gap:22px;padding-top:24px;display:grid}.splitter-field{gap:8px;min-width:0;display:grid}.splitter-field label{color:var(--paper);justify-content:space-between;gap:8px;font-size:.74rem;font-weight:800;display:flex}.splitter-field label small{color:var(--muted);font-size:.65rem;font-weight:400}.splitter-field input,.splitter-field select{border:1px solid var(--line-strong);width:100%;min-width:0;min-height:44px;color:var(--paper);caret-color:var(--blue-bright);background:#090a0f;border-radius:3px;padding:9px 12px;font:400 .83rem Fira Sans,sans-serif}.splitter-field .splitter-code-field{font-family:Courier New,monospace}.splitter-hint{color:var(--muted);font-size:.65rem;line-height:1.4}.splitter-hint code{color:var(--paper);font-family:Courier New,monospace}.splitter-field select{cursor:pointer}.splitter-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.splitter-note{color:var(--muted);margin:auto 0 0;padding-top:22px;font-size:.7rem;line-height:1.5}.splitter-error{color:#ff8da3;font-size:.85rem;line-height:1.5}@media (max-width:1050px){.splitter-workspace{grid-template-columns:1fr 1fr}.splitter-options{grid-area:2/1/auto/-1;min-height:0}.splitter-fields{grid-template-columns:1fr 1fr}.splitter-note{margin-top:0}}@media (max-width:700px){.splitter-workspace{grid-template-columns:1fr}.splitter-panel{min-height:0;padding:18px}.splitter-options{grid-area:auto}.splitter-input textarea,.splitter-output textarea{min-height:250px}.splitter-fields{grid-template-columns:1fr}.splitter-panel-head{min-height:74px}}@media (prefers-reduced-motion:reduce){.splitter-copy{transition-duration:.01ms}}