/* Cron Parser — tool-specific styles */
.cr-expr { width: 100%; background: var(--bg-soft); border: 1px solid var(--line); color: var(--accent-2);
  padding: 16px 18px; border-radius: var(--radius-sm); font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 1.5rem; text-align: center; letter-spacing: .06em; }
.cr-expr:focus { outline: none; border-color: var(--accent); }
.cr-legend { display: flex; justify-content: space-around; gap: 6px; margin: 8px 4px 0; color: var(--muted-2); font-size: .72rem; text-align: center; }
.cr-legend span { flex: 1; }
.cr-presets { display: flex; gap: 8px; flex-wrap: wrap; margin: 16px 0; }
.cr-preset { font-family: inherit; font-weight: 600; font-size: .82rem; cursor: pointer; background: var(--bg-soft);
  border: 1px solid var(--line); color: var(--muted); padding: 8px 13px; border-radius: 999px; transition: all .15s; }
.cr-preset:hover { color: var(--text); border-color: var(--accent); }
.cr-human { background: rgba(108,139,255,.08); border: 1px solid rgba(108,139,255,.35); border-radius: var(--radius-sm);
  padding: 16px 18px; font-size: 1.05rem; font-weight: 600; color: var(--text); }
.cr-human.err { background: rgba(255,107,138,.1); border-color: rgba(255,107,138,.4); color: var(--danger); font-weight: 500; }
.cr-next-label { font-size: .76rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--muted-2); margin: 20px 0 10px; }
.cr-next { list-style: none; counter-reset: cn; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
.cr-next li { counter-increment: cn; display: flex; gap: 12px; align-items: center; background: var(--bg-soft);
  border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 10px 14px; font-variant-numeric: tabular-nums; }
.cr-next li::before { content: counter(cn); color: var(--muted-2); font-weight: 700; min-width: 18px; }
.cr-next li .rel { color: var(--muted-2); font-size: .82rem; margin-left: auto; }