.source-strip64 { position: relative; flex-wrap: nowrap; gap: 24px; }
.source-strip64 > span { flex: 0 0 100px; }
.source-viewport { min-width: 0; overflow-x: auto; scrollbar-width: none; flex: 1; }
.source-viewport::-webkit-scrollbar { display: none; }
.source-track { display: flex; width: max-content; }
.source-names { display: flex; align-items: center; gap: 56px; list-style: none; margin: 0; padding: 8px 56px 8px 0; }
.source-names li { flex: 0 0 auto; white-space: nowrap; }
.source-strip64[data-enhanced="true"] .source-track { animation: source-travel64 48s linear infinite; }
.source-strip64:is(:hover,:focus-within) .source-track,
.source-strip64[data-paused="true"] .source-track { animation-play-state: paused; }
.source-motion { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; padding: 0; }
.source-motion:focus-visible { z-index: 2; right: 0; bottom: -20px; width: auto; height: auto; clip-path: none; background: var(--bg,#111517); border: 1px solid var(--line); border-radius: 6px; padding: 9px 12px; color: var(--text,#f2f3f4); font: inherit; font-size: 12px; cursor: pointer; }
.source-strip64[data-manual="true"] .source-track { animation: none; transform: none; }
.source-strip64[data-manual="true"] .source-clone64 { display: none; }
.source-viewport:focus-visible,.source-motion:focus-visible,.theme-options button:focus-visible { outline: 2px solid var(--accent,#90caf9); outline-offset: 4px; }
@keyframes source-travel64 { to { transform: translateX(-50%); } }
.theme-options { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.theme-options[hidden] { display: none; }
.theme-options button { display: inline-flex; align-items: center; gap: 10px; border: 1px solid var(--line); color: var(--muted); background: transparent; padding: 12px 18px; border-radius: 100px; font: inherit; cursor: pointer; }
.theme-options button[aria-pressed="true"] { border-color: var(--accent,#90caf9); color: var(--text,#f2f3f4); background: #90caf90c; }
.theme-swatch { width: 13px; height: 13px; border-radius: 50%; background: #90caf9; }
.theme-swatch-midnight { background: #b6a5f5; }.theme-swatch-ocean { background: #68dccc; }.theme-swatch-amber { background: #f4c370; }.theme-swatch-terminal { background: #75ed94; }
.theme-figures figure { margin: 0 0 32px; }
.theme-figures figure[hidden] { display: none; }
.theme-figures img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 14px; }
.theme-figures figcaption { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 16px; color: var(--muted); }
.theme-figures figcaption strong { color: var(--text,#f2f3f4); }
@media(max-width: 680px) {
 .source-strip64 { flex-wrap: wrap; gap: 12px; }.source-strip64 > span { flex-basis: auto; max-width: none; }
 .source-viewport { flex-basis: 100%; order: 3; }.source-motion { margin-left: auto; }
 .source-names { gap: 32px; padding-right: 32px; }.theme-options button { padding: 10px 13px; }
}
@media(prefers-reduced-motion: reduce) {
 .source-strip64[data-enhanced="true"] .source-track { animation: none; }
 .source-clone64 { display: none; }.source-motion { display: none; }
}