.web-shell .cs-compat{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:14px;display:grid}.web-shell .cs-panel{border:1px solid var(--site-line);border-radius:var(--tara-r-lg);box-shadow:var(--tara-shadow-card);background:#fff;flex-direction:column;gap:12px;padding:24px;display:flex}.web-shell .cs-panel--keep{border:2px solid var(--site-deep)}.web-shell .cs-panel--add{border:1.5px solid var(--site-violet);background:#5b6cff0a}.web-shell .cs-panel-kick{font-family:var(--font-jbm), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--site-mute);font-size:10.5px}.web-shell .cs-panel--add .cs-panel-kick{color:var(--site-violet)}.web-shell .cs-panel-title{font-family:var(--font-manrope), sans-serif;letter-spacing:-.02em;color:var(--site-ink);font-size:20px;font-weight:800;line-height:1.15}.web-shell .cs-panel-title span{letter-spacing:0;color:var(--site-mute);margin-top:4px;font-size:13px;font-weight:500;display:block}.web-shell .cs-panel-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.web-shell .cs-panel-list li{color:var(--site-ink-2);padding-left:26px;font-size:14.5px;line-height:1.5;position:relative}.web-shell .cs-panel-list li svg{position:absolute;top:2px;left:0}.web-shell .cs-panel--keep .cs-panel-list li svg{color:var(--site-deep)}.web-shell .cs-panel--add .cs-panel-list li svg{color:var(--site-violet)}.web-shell .cs-conn{color:var(--site-violet);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.web-shell .cs-conn-label{max-width:92px;font-family:var(--font-jbm), monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--site-mute);font-size:10.5px;line-height:1.35}@media (max-width:880px){.web-shell .cs-compat{grid-template-columns:1fr}.web-shell .cs-conn{flex-direction:row}.web-shell .cs-conn svg{transform:rotate(90deg)}.web-shell .cs-conn-label{max-width:none}}