/* Compact source-cel navigator. Include from editor.html alongside the editor theme. */
.timeline-wrap{grid-template-rows:30px 34px minmax(0,1fr) 22px}
.timeline-wrap .timeline-playback{grid-row:1}
.timeline-wrap .source-cel-strip{grid-column:1 / -1;grid-row:2}
.timeline-wrap .timeline-labels,.timeline-wrap .timeline-canvas{grid-row:3}
.timeline-wrap .timeline-selection{grid-row:4}
.source-cel-strip{min-width:0;display:flex;align-items:center;gap:5px;height:34px;overflow:hidden;border-bottom:1px solid var(--editor-line);background:#fff;padding:2px 0;color:var(--editor-ink);font:10px/1.2 Inter,ui-sans-serif,system-ui,sans-serif}
.source-cel-strip button{font:inherit}
.source-cel-title{flex:none;white-space:nowrap;color:var(--editor-muted)}
.source-cel-nav{flex:none;width:22px;height:24px;padding:0;border:1px solid var(--editor-line);border-radius:5px;background:#fff;color:var(--editor-ink);cursor:pointer}
.source-cel-nav:disabled{opacity:.35;cursor:not-allowed}
.source-cel-buttons{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
.source-cel-buttons{display:flex;gap:3px;overflow-x:auto;min-width:0;align-items:center}
.source-cel-current{flex:none;color:var(--editor-ink);white-space:nowrap}
.source-cel-button{position:relative;flex:none;width:24px;height:22px;padding:0;border:1px solid #dfe4ee;border-radius:4px;background:#f4f6fb;color:var(--editor-muted);font-size:9px;cursor:pointer}
.source-cel-button:hover,.source-cel-button:focus-visible{border-color:#2563eb;outline:2px solid #bfdbfe;outline-offset:1px}
.source-cel-button.is-current{background:#2563eb;color:#fff;border-color:#2563eb}