.rw-tokens { margin-top: 14px; line-height: 2.3; font-size: 1.05rem; }
.rw-tok { display: inline; color: var(--c-cbd5e1); }
.rw-tok.pick { background: var(--c-232b40); border-radius: 5px; padding: 3px 6px; margin: 0 2px; cursor: pointer;
                border: 1px solid var(--c-2d3548); }
.rw-tok.pick.has-syn { border-color: var(--c-2563eb); color: var(--c-f1f5f9); }
.rw-tok.pick:hover { background: var(--c-1e3a5f); }
.rw-tok.pick.active { background: var(--c-1e3a5f); border-color: var(--c-7dd3fc); }
.rw-tok.pick.changed { background: var(--c-3a2a10); border-color: var(--c-f59e0b); color: var(--c-fbbf24); }
.rw-hint { font-size: .75rem; color: var(--c-64748b); margin-top: 8px; }
.rw-panel { display: none; margin-top: 14px; background: var(--c-0f1117); border: 1px solid var(--c-2d3548);
             border-radius: 8px; padding: 12px 14px; }
.rw-panel-title { font-size: .85rem; color: var(--c-94a3b8); margin-bottom: 10px; }
.rw-panel-title b { color: var(--c-f1f5f9); font-size: 1rem; }
.rw-syns { display: flex; flex-wrap: wrap; gap: 8px; }
.rw-syn { display: inline-flex; align-items: center; gap: 6px; background: var(--c-1e2330); color: var(--c-e2e8f0);
           border: 1px solid var(--c-2d3548); border-radius: 7px; padding: 6px 10px; font-size: .9rem; }
.rw-syn:hover:not(:disabled) { border-color: var(--c-7dd3fc); }
.rw-syn.chosen { border-color: var(--c-f59e0b); background: var(--c-3a2a10); }
.rw-work { display: none; margin-top: 20px; }
.rw-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 14px; flex-wrap: wrap; }
.rw-history { width: 100%; max-width: 780px; }
.rw-result { margin-top: 20px; }
.rw-result-head { font-size: .85rem; color: var(--c-7dd3fc); font-weight: 600; margin-bottom: 12px; }
.rw-copy-row { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 10px; }
.rw-copy-row .rw-box { flex: 1; }
.rw-copy-row button { white-space: nowrap; min-width: 130px; }
.rw-ask { display: flex; gap: 10px; align-items: center; justify-content: flex-end; margin-top: 6px;
           font-size: .9rem; color: var(--c-e2e8f0); flex-wrap: wrap; }
.rw-result .table-wrap { display: block; margin-top: 14px; }
.rw-compare { display: none; width: 100%; max-width: 780px; margin-top: 14px;
               grid-template-columns: 1fr 1fr; gap: 14px; }
.rw-box { background: var(--c-1e2330); border: 1px solid var(--c-2d3548); border-radius: 10px; padding: 14px 16px;
           line-height: 1.9; white-space: pre-wrap; }
.rw-box h3 { font-size: .8rem; color: var(--c-7dd3fc); margin-bottom: 8px; letter-spacing: .06em; }
.rw-box mark { background: var(--c-3a2a10); color: var(--c-fbbf24); border-radius: 4px; padding: 0 3px; }
.rw-box del { color: var(--c-f87171); text-decoration: none; background: var(--c-3a1a1a); border-radius: 4px; padding: 0 3px; }
@media (max-width: 640px) { .rw-compare { grid-template-columns: 1fr; } .rw-copy-row { flex-direction: column; } }
.rw-result .segment-line { display: block; max-width: none; }