#csText { font-family: var(--mono); font-size: 16px; line-height: 1.5; resize: vertical; }
.cs .tabs { margin-top: 8px; }
.cs-keyh { margin-top: 20px; }
.cs-keynote { text-transform: none; letter-spacing: 0; font-family: var(--font); }
.cs-key { display: grid; grid-template-columns: repeat(13, minmax(0, 1fr)); gap: 4px; }
@media (max-width: 640px) { .cs-key { grid-template-columns: repeat(7, minmax(0, 1fr)); } }
.cs-k { display: flex; flex-direction: column; align-items: center; gap: 2px; font-family: var(--mono); }
.cs-k span { font-size: 13px; color: var(--muted); }
.cs-k input { min-height: 40px; padding: 4px 0; text-align: center; text-transform: uppercase; font-family: var(--mono); font-weight: 600; }
.cs-k input.fixed { background: var(--soft-2); box-shadow: 0 0 0 1px var(--ink); }
.cs-k.absent span { text-decoration: line-through; }
.cs-k.absent input { color: var(--muted); }
.cs-plain, .cs-out { font-family: var(--mono); font-size: 16px; line-height: 1.6; white-space: pre-wrap; word-break: break-word; background: var(--canvas); border: 1px solid var(--line); border-radius: var(--r-md); padding: 14px 16px; margin-top: 12px; }
.cs-plain:empty { display: none; }
.cs-plain .u { color: var(--subtle); }
.cs-rank { list-style: none; margin: 12px 0 0; padding: 0; }
.cs-rank li { display: grid; grid-template-columns: 74px 1fr; gap: 10px; padding: 8px 12px; border: 1px solid var(--line); border-radius: var(--r-md); margin-bottom: 6px; background: var(--canvas); }
.cs-rank li b { font-family: var(--mono); font-size: 13px; font-weight: 500; color: var(--muted); }
.cs-rank li span { font-family: var(--mono); font-size: 14px; overflow-wrap: anywhere; }
.cs-rank li.best { border-color: var(--ink); box-shadow: 0 0 0 1px var(--ink); }
.cs-vkey { flex: 1 1 200px; }
.cs-bars { display: grid; gap: 3px; margin-top: 8px; font-family: var(--mono); font-size: 12px; }
.cs-bars div { display: grid; grid-template-columns: 34px 1fr 52px; gap: 8px; align-items: center; }
.cs-bars i { display: block; height: 10px; background: var(--ink); border-radius: 3px; }
.cs-bars div.best i { background: var(--ok); }
.cs .split > *, .cs .panel { min-width: 0; }

.cs-shift { width: 140px; }
.cs-alpha { font-family: var(--mono); overflow-x: auto; white-space: nowrap; }