/* Timecode & Framerate — Eingabetasten, Zeilenprotokoll, Verlauf */
.tool[data-tool="timecode"] textarea{font-size:1rem;line-height:1.6}
.tc-keys{display:flex;flex-wrap:wrap;gap:4px}
.tc-keys .tbtn{min-width:34px;font-family:var(--mono)}
.tc-df{min-height:40px}
.tc-df input:disabled+*,.tc-df:has(input:disabled){opacity:.5}
.tc-cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}
.tc-lines,.tc-hist{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.tc-lines li{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:.82rem;border-bottom:1px solid var(--hair-soft);padding:4px 2px}
.tc-lines li code{color:var(--ink-dim);background:none;border:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tc-lines li span{color:var(--ink);white-space:nowrap}
.tc-lines li.is-err span{color:var(--t-bad);font-family:var(--sans);font-size:.78rem}
.tc-hist{flex-direction:row;flex-wrap:wrap}
.tc-hist .tbtn{font-family:var(--mono)}
.tc-hist small{color:var(--ink-mute);font-size:.7rem}
.tc-hist__empty{font-size:.78rem;color:var(--ink-mute)}
.tool__say code,.f__hint code{font-family:var(--mono);font-size:.9em;color:var(--ink)}
@media (max-width:640px){.tc-cols{grid-template-columns:1fr}}

.tc-ruler{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}
.tc-ruler span{font-family:var(--mono);font-size:.78rem;text-align:center;padding:10px 0;border-radius:6px;background:#1c1c1f;border:1px solid #3a3a40;color:var(--ink);white-space:nowrap;overflow:hidden}
.tc-ruler span.is-on{background:var(--t-c1);border-color:var(--t-c1);color:#022c22;font-weight:600}
.tc-ruler span.is-skip{background:transparent;border:1px dashed var(--t-bad);color:var(--t-bad);text-decoration:line-through}
.tc-cad{display:grid;grid-template-columns:auto repeat(12,minmax(0,1fr));gap:4px;align-items:end;margin-top:12px}
.tc-cad__l{font-size:.72rem;color:var(--ink-mute);padding-right:6px;align-self:center}
.tc-cad span:not(.tc-cad__l){font-family:var(--mono);font-size:.8rem;text-align:center;padding:4px 0 6px;border-radius:5px;background:#1c1c1f;border:1px solid #3a3a40;color:var(--ink)}
.tc-cad small{display:block;font-size:.62rem;color:var(--ink-mute)}
.tc-cad span.is-dup{background:var(--t-c3);color:#1a1300}
.tc-cad span.is-dup small{color:#5a4400}
.tc-cad span.is-skip{border-color:var(--t-bad)}
@media (max-width:560px){.tc-ruler span{font-size:.62rem;padding:8px 0}.tc-cad{grid-template-columns:repeat(6,1fr)}.tc-cad__l{grid-column:1/-1}}