/* ============================================================
   css/chat/chat-split.css — 手动拆分气泡 UI
   支持多选拆分点 + 单/双换行
   ============================================================ */

.split-overlay {
    position:fixed; inset:0; z-index:300;
    background:rgba(30,28,26,0.35); backdrop-filter:blur(4px);
    display:flex; align-items:center; justify-content:center;
}
.split-panel {
    background:var(--surface); backdrop-filter:blur(20px);
    border-radius:16px; width:min(420px,92vw); max-height:85vh;
    display:flex; flex-direction:column; overflow:hidden;
    box-shadow:var(--shadow-lg), var(--shadow-glow);
    border:0.5px solid var(--border);
}
.split-header {
    display:flex; align-items:flex-start; justify-content:space-between;
    padding:16px 16px 12px; flex-shrink:0;
}
.split-header-l { display:flex; flex-direction:column; gap:1px; }
.split-title { font-size:17px; font-weight:600; color:var(--text-primary); }
.split-sub {
    font-size:10px; color:var(--gold); opacity:0.6;
    font-family:var(--font-decorative); font-style:italic; letter-spacing:0.06em;
}
.split-close {
    width:32px; height:32px; border:none; background:rgba(0,0,0,0.03);
    cursor:pointer; border-radius:50%; font-size:18px; color:var(--text-secondary);
    display:flex; align-items:center; justify-content:center; transition:all 0.15s;
}
.split-close:hover { background:var(--rose-light); color:var(--rose); }

/* Preview area */
.split-preview { flex:1; overflow-y:auto; padding:12px 16px; }
.split-content-preview {
    font-size:13px; color:var(--text-primary); line-height:2;
    white-space:pre-wrap; word-break:break-word;
    padding:12px; background:var(--bg-primary); border-radius:10px;
    border:1px solid var(--border);
}
.split-marker {
    display:inline-block; width:20px; height:20px; line-height:20px; text-align:center;
    font-size:10px; color:var(--text-muted); cursor:pointer;
    border-radius:50%; background:var(--surface); border:0.5px solid var(--border);
    margin:0 1px; vertical-align:middle; transition:all 0.15s;
    user-select:none;
}
.split-marker:hover { color:var(--rose); border-color:var(--rose); background:var(--rose-light); }
.split-marker.selected { color:#fff; background:var(--rose); border-color:var(--rose); }
.split-nl-marker { color:var(--text-muted); opacity:0.25; font-size:10px; }

/* Result preview */
.split-result-preview { margin-top:12px; }
.split-result-label {
    font-size:11px; color:var(--text-muted); margin-bottom:8px;
    font-family:var(--font-decorative); font-style:italic;
}
.split-result-item {
    display:flex; gap:8px; padding:6px 0; border-bottom:0.5px solid var(--divider);
    font-size:13px; color:var(--text-primary); align-items:flex-start;
}
.split-result-num {
    width:20px; height:20px; border-radius:50%; flex-shrink:0;
    background:var(--rose-light); color:var(--rose); font-size:10px; font-weight:600;
    display:flex; align-items:center; justify-content:center;
}

/* Actions */
.split-actions {
    display:flex; gap:8px; padding:12px 16px 16px;
    border-top:0.5px solid var(--divider); flex-shrink:0;
}
.split-btn-secondary {
    padding:10px 14px; border:0.5px solid var(--border); border-radius:10px;
    background:var(--bg-primary); color:var(--text-primary); font-size:13px; font-weight:500;
    cursor:pointer; font-family:inherit; transition:all 0.15s;
}
.split-btn-secondary:hover { background:var(--rose-light); color:var(--rose); border-color:var(--rose); }
.split-btn-primary {
    flex:1; padding:10px; border:0.5px solid var(--border); border-radius:10px;
    background:var(--bg-primary); color:var(--text-primary); font-size:14px; font-weight:500;
    cursor:pointer; font-family:inherit; transition:all 0.15s;
}
.split-btn-primary:hover { background:var(--rose-light); color:var(--rose); border-color:var(--rose); }