/* ===== Paragraph Splitter ===== */
    .splitter-controls{
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(0,1fr);
      gap:10px;
      margin-bottom:14px;
    }

    .mini-control{
      padding:12px;
      border:1px solid var(--border);
      border-radius:14px;
      background:color-mix(in srgb, var(--soft) 58%, transparent);
    }

    .mini-control label{
      display:block;
      margin-bottom:7px;
      font-size:11px;
      color:var(--muted);
      font-weight:700;
    }

    .mini-select,
    .mini-input{
      width:100%;
      height:42px;
      padding:0 12px;
      border:1px solid var(--border);
      border-radius:11px;
      background:var(--field-bg);
      color:var(--text);
      font:inherit;
      font-size:12px;
      outline:none;
      transition:border-color 200ms var(--ease), box-shadow 200ms var(--ease), background 350ms var(--ease), color 350ms var(--ease);
    }

    .mini-select:focus,
    .mini-input:focus{
      border-color:#6bbcff;
      box-shadow:0 0 0 4px rgba(21,147,255,.10);
    }

    .custom-separator-wrap{ display:none; }
    .custom-separator-wrap.show{
      display:block;
      animation:toolPanelIn 220ms var(--ease) both;
    }

    .splitter-layout{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:18px;
    }

    .splitter-output-shell{
      min-height:260px;
      padding:12px;
      border:1px solid var(--border);
      border-radius:15px;
      background:var(--field-output);
      transition:background 400ms var(--ease), border-color 300ms var(--ease);
    }

    .splitter-empty{
      min-height:234px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:8px;
      color:var(--muted);
      text-align:center;
      padding:20px;
    }

    .splitter-empty svg{ width:28px; height:28px; opacity:.55; }
    .splitter-empty strong{ color:var(--label); font-size:12px; font-weight:700; }
    .splitter-empty span{ font-size:10.5px; line-height:1.55; max-width:270px; }

    .split-lines{
      display:flex;
      flex-direction:column;
      gap:7px;
    }

    .split-line{
      display:grid;
      grid-template-columns:30px minmax(0,1fr) auto;
      align-items:center;
      gap:9px;
      min-height:48px;
      padding:8px 9px;
      border:1px solid var(--border);
      border-radius:12px;
      background:var(--field-bg);
      transition:transform 180ms var(--ease), border-color 180ms var(--ease), box-shadow 180ms var(--ease), background 350ms var(--ease);
    }

    .split-line:hover{
      transform:translateY(-1px);
      border-color:#acd7f6;
      box-shadow:0 7px 18px rgba(35,104,155,.06);
    }

    html[data-theme="dark"] .split-line:hover{ border-color:#375f7d; }

    .split-number{
      width:30px;
      height:30px;
      display:grid;
      place-items:center;
      border-radius:9px;
      background:var(--primary-soft);
      color:var(--primary);
      font-size:10px;
      font-weight:700;
      font-variant-numeric:tabular-nums;
    }

    html[data-theme="dark"] .split-number{ color:#9bd7ff; }

    .split-text{
      min-width:0;
      color:var(--text);
      font-size:12px;
      line-height:1.5;
      overflow-wrap:anywhere;
      white-space:pre-wrap;
    }

    .copy-line-btn{
      width:34px;
      height:34px;
      padding:0;
      display:grid;
      place-items:center;
      border:1px solid var(--border);
      border-radius:10px;
      background:var(--soft);
      color:var(--muted);
      box-shadow:none;
    }

    .copy-line-btn svg{ width:14px; height:14px; }

    .copy-line-btn:hover{
      transform:translateY(-1px);
      color:var(--primary);
      border-color:#abd8f8;
      background:var(--primary-soft);
    }

    .splitter-actions{
      display:flex;
      gap:9px;
      flex-wrap:wrap;
      margin-top:14px;
    }

    .splitter-meta{
      display:flex;
      align-items:center;
      gap:7px;
      margin-top:8px;
      color:var(--muted);
      font-size:10.5px;
    }

    .splitter-meta strong{ color:var(--text); font-weight:700; }

    .split-option-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-top:10px;
      padding:10px 12px;
      border:1px solid var(--border);
      border-radius:12px;
      background:color-mix(in srgb, var(--soft) 56%, transparent);
    }

    .split-option-copy{ min-width:0; }
    .split-option-title{ color:var(--label); font-size:11px; font-weight:700; }
    .split-option-sub{ margin-top:2px; color:var(--muted); font-size:9.5px; line-height:1.4; }

    .mini-toggle{
      position:relative;
      width:42px;
      height:24px;
      flex:0 0 42px;
      padding:0;
      border:1px solid var(--border);
      border-radius:999px;
      background:var(--soft);
      box-shadow:none;
    }

    .mini-toggle::before{
      content:"";
      position:absolute;
      top:3px;
      left:3px;
      width:16px;
      height:16px;
      border-radius:50%;
      background:#a7b4c2;
      transition:transform 260ms var(--ease-bounce), background 260ms var(--ease);
    }

    .mini-toggle.active{
      background:var(--primary-soft);
      border-color:#9bd4ff;
    }

    .mini-toggle.active::before{
      transform:translateX(18px);
      background:var(--primary);
    }

    .splitter-help{
      margin-top:14px;
      padding:11px 12px;
      border:1px dashed var(--border);
      border-radius:12px;
      color:var(--muted);
      font-size:10.5px;
      line-height:1.55;
    }

    .splitter-help strong{ color:var(--label); }

    @media (max-width:760px){
      .splitter-layout{ grid-template-columns:1fr; }
      .splitter-controls{ grid-template-columns:1fr; }
      .tools-nav{ padding:5px; }
    }