/* stop-sequence-tester — style.css (RT-AI-034). Tokens only var(--rt-*). */
#sst { display: flex; flex-direction: column; gap: 1rem; }
.sst-fields { display: grid; grid-template-columns: 1fr; gap: .9rem; }
@media (min-width: 720px) { .sst-fields { grid-template-columns: 2fr 1fr; } }
.sst-field { display: flex; flex-direction: column; gap: .35rem; }
.sst-label { font-size: .8rem; font-weight: 600; color: var(--rt-ink-soft, #2A3340); }
.sst-hint { font-size: .72rem; color: var(--rt-ink-soft, #5b6573); margin: 0; }
.sst-input {
  width: 100%; min-height: 140px; padding: .6rem .65rem; font-size: 16px; line-height: 1.55;
  border: 1px solid var(--rt-border, #d8dce2); border-radius: 8px; resize: vertical;
  background: var(--rt-card, #fff); color: var(--rt-ink, #14213d);
  font-family: var(--rt-mono, ui-monospace, 'SF Mono', Menlo, Consolas, monospace);
}
.sst-input:focus-visible { outline: 2px solid var(--rt-accent, #e8622a); outline-offset: 2px; }
.sst-out-head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.sst-out-title { font-size: .8rem; font-weight: 600; color: var(--rt-ink-soft, #2A3340); }
.sst-preview {
  width: 100%; min-height: 140px; padding: .75rem; font-size: .92rem; line-height: 1.6;
  font-family: var(--rt-mono, ui-monospace, 'SF Mono', Menlo, Consolas, monospace);
  border: 1px solid var(--rt-border, #d8dce2); border-radius: 10px;
  background: var(--rt-bg, #f7f6f3); color: var(--rt-ink, #14213d);
  white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere;
}
.sst-preview:focus-visible { outline: 2px solid var(--rt-accent, #e8622a); outline-offset: 2px; }
.sst-kept { color: var(--rt-ink, #14213d); }
/* Discarded portion: dimmed AND struck (not color-only). */
.sst-discarded { opacity: .42; text-decoration: line-through; text-decoration-color: var(--rt-accent, #e8622a); }
.sst-status {
  font-size: .82rem; line-height: 1.5; color: var(--rt-ink-soft, #2A3340);
  padding: .55rem .7rem; border-radius: 8px;
  background: var(--rt-bg, #f7f6f3); border: 1px solid var(--rt-border, #d8dce2);
}
