seq-player{display:block;margin:2.4rem 0 2.6rem;font-family:var(--font-sans)}seq-player .seq-board{--seq-ink-teal: color-mix(in srgb, var(--teal) 70%, var(--color-text));--seq-ink-gold: color-mix(in srgb, var(--gold) 70%, var(--color-text));--seq-ink-coral: color-mix(in srgb, var(--coral) 70%, var(--color-text));--seq-ink-blue: color-mix(in srgb, var(--blue) 70%, var(--color-text));--seq-halo: var(--color-surface-alt)}.drawing-article seq-player .seq-fig{margin:0;padding:0;border:0}.seq-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;margin:0 0 .7rem}.seq-number{font:.68rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.drawing-article .seq-name{margin:0;font:500 1.2rem/1.3 var(--font-serif);color:var(--color-text)}.seq-board{position:relative;padding:.8rem .9rem}.drawing-article .seq-clock{position:absolute;top:.55rem;right:.8rem;margin:0;font:.76rem var(--font-mono);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.seq-stage{overflow:hidden;padding-top:1.1rem}.seq-svg{display:block;max-width:100%;height:auto;margin:0 auto;font-family:var(--font-sans)}.drawing-article .seq-now{margin:.6rem 0 0;min-height:3.2em;padding-left:.75rem;border-left:3px solid var(--teal);font-size:.88rem;line-height:1.55;color:var(--color-text)}.drawing-article .seq-summary{margin:.6rem 0 0;font-size:.85rem;line-height:1.6;color:var(--color-text)}seq-player:not([data-ready]) :is(.seq-controls,.seq-now){display:none}seq-player[data-ready] .seq-summary{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.seq-svg text{fill:var(--color-text)}.seq-life{stroke:var(--color-rule-strong);stroke-width:1.2;stroke-dasharray:4 4}.seq-head{fill:var(--color-surface);stroke:var(--color-text-secondary);stroke-width:1.1}.seq-svg .seq-head-text{font-weight:600}.seq-msg line{stroke-width:1.7}.seq-headmark{stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.seq-sync line{stroke:var(--blue)}.seq-sync .seq-headmark{fill:var(--blue);stroke:var(--blue)}.seq-reply line{stroke:var(--teal);stroke-dasharray:6 4}.seq-reply .seq-headmark{fill:none;stroke:var(--teal)}.seq-async line{stroke:var(--gold)}.seq-async .seq-headmark{fill:none;stroke:var(--gold)}.seq-lost line{stroke:var(--coral)}.seq-lost .seq-headmark{fill:var(--coral);stroke:none}.seq-error line{stroke:var(--coral);stroke-dasharray:6 4}.seq-error .seq-headmark{fill:none;stroke:var(--coral)}.seq-packet{stroke:none}.seq-sync .seq-packet{fill:var(--blue)}.seq-reply .seq-packet{fill:var(--teal)}.seq-async .seq-packet{fill:var(--gold)}.seq-lost .seq-packet,.seq-error .seq-packet{fill:var(--coral)}.seq-svg .seq-label{paint-order:stroke;stroke:var(--seq-halo);stroke-width:4px;stroke-linejoin:round}.seq-msg.is-moving .seq-label{font-weight:650}.seq-ghost line{stroke-dasharray:2 3}.seq-svg .seq-ghost text{font-style:italic}.seq-bar rect{stroke-width:1.1}.seq-bar-busy rect{fill:var(--paper-match);stroke:var(--teal)}.seq-bar-wait rect{stroke:var(--gold)}.seq-hatch-bg{fill:var(--color-surface)}.seq-hatch-line{stroke:var(--gold);stroke-width:2.6}.seq-frame-box{fill:none;stroke:var(--color-text-secondary);stroke-width:1.1}.seq-frame-tag{fill:var(--color-surface);stroke:var(--color-text-secondary);stroke-width:1.1}.seq-svg .seq-frame-op{font-family:var(--font-mono);font-weight:700}.seq-svg .seq-guard{fill:var(--color-text-secondary);font-style:italic;paint-order:stroke;stroke:var(--seq-halo);stroke-width:3px}.seq-svg .seq-pass{fill:var(--seq-ink-blue);font-weight:600;font-family:var(--font-mono)}.seq-frame-divider{stroke:var(--color-text-secondary);stroke-dasharray:5 4}.seq-note-box{fill:var(--paper-highlight);stroke:var(--color-text-secondary);stroke-width:.9}.seq-note.is-current .seq-note-box{stroke-width:1.8}.seq-note-warn .seq-note-box{fill:color-mix(in srgb,var(--coral) 16%,var(--color-surface));stroke:var(--coral)}.seq-note-good .seq-note-box{fill:var(--paper-match);stroke:var(--teal)}.seq-svg .seq-gap-text{fill:var(--color-text-secondary);font-style:italic}.seq-svg .seq-strip{fill:var(--color-text-secondary);paint-order:stroke;stroke:var(--seq-halo);stroke-width:3px;stroke-linejoin:round}.seq-svg .seq-strip tspan[data-k=state]{font-weight:600}.seq-svg .seq-strip tspan[data-k=detail]{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.seq-svg .seq-strip-wait,.seq-svg .seq-strip-retrying{fill:var(--seq-ink-gold)}.seq-svg :is(.seq-strip-busy,.seq-strip-done,.seq-strip-delivered,.seq-strip-sent){fill:var(--seq-ink-teal)}.seq-svg :is(.seq-strip-gave-up,.seq-strip-error,.seq-strip-duplicate,.seq-strip-down,.seq-strip-crashed){fill:var(--seq-ink-coral)}.seq-controls{border:1px solid color-mix(in srgb,var(--control) 45%,var(--color-rule));border-top:0;background:var(--control-tint)}.seq-params{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;padding:.65rem .8rem 0}.seq-param{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem}.seq-param-label{font:600 .8rem var(--font-sans);color:var(--control)}.seq-segmented{display:inline-flex;flex-wrap:wrap;gap:4px}.seq-transport{display:flex;align-items:center;gap:.4rem;padding:.65rem .8rem;background:var(--control-tint)}seq-player button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font:.82rem/1 var(--font-sans);color:var(--control);background:var(--color-surface);border:1px solid var(--control);border-radius:6px;min-height:38px;padding:.45rem .7rem;cursor:pointer;box-shadow:0 2px color-mix(in srgb,var(--control) 25%,transparent)}seq-player button:hover{background:color-mix(in srgb,var(--control) 12%,var(--color-surface))}seq-player button:active{transform:translateY(1px);box-shadow:none}seq-player button[aria-pressed=true]{background:var(--control);color:var(--control-ink);box-shadow:none}seq-player button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}seq-player button svg .seq-fill{fill:currentColor;stroke:none}seq-player .seq-play{min-width:5.6rem;font-weight:600}seq-player :focus-visible{outline:3px solid var(--control);outline-offset:3px}.seq-scrub{position:relative;flex:1 1 6rem;min-width:4rem;display:flex;align-items:center}.seq-scrub input{width:100%;margin:0 .2rem;accent-color:var(--control);cursor:pointer;position:relative;z-index:1;min-height:36px;background:transparent}.seq-ticks{position:absolute;left:10px;right:10px;top:calc(50% + 7px);height:5px;pointer-events:none}.seq-ticks span{position:absolute;top:0;width:1px;height:5px;background:var(--color-text-faint)}.seq-count{font:.74rem var(--font-mono);color:var(--color-text-secondary);min-width:3.4rem;text-align:right;white-space:nowrap}.drawing-article seq-player details.seq-transcript{background:transparent;padding:0;margin:.6rem 0 0;font:.8rem/1.6 var(--font-sans);color:var(--color-text-secondary)}.drawing-article seq-player details.seq-transcript summary{color:var(--control);text-decoration:underline;text-underline-offset:.2em;width:fit-content}.drawing-article seq-player details.seq-transcript ol{margin:.5rem 0 0;padding-left:1.4rem}.drawing-article code.seq-line{white-space:nowrap}.drawing-article seq-player details.seq-source{margin-top:.35rem}.drawing-article seq-player details.seq-source pre{margin:.5rem 0 0}@media(max-width:560px){.seq-head{margin-bottom:.45rem}.seq-board{padding:.5rem .45rem .55rem}.drawing-article .seq-clock{top:.4rem;right:.55rem;font-size:.72rem}.seq-stage{padding-top:.95rem}.drawing-article .seq-now{margin-top:.45rem;font-size:.82rem;line-height:1.5;min-height:3em}.seq-controls{display:contents}.seq-params,.seq-transport{border:1px solid color-mix(in srgb,var(--control) 45%,var(--color-rule));border-top:0;background:var(--control-tint)}.seq-params{gap:.35rem .9rem;padding:.45rem .5rem 0;border-bottom:0}.seq-param{gap:.3rem .4rem}.seq-param-label{font-size:.74rem;white-space:nowrap}.seq-segmented{flex-wrap:wrap;gap:3px}seq-player .seq-params button{min-height:32px;padding:.3rem .5rem;font-size:.76rem;white-space:nowrap}.seq-transport{position:sticky;bottom:0;z-index:1;padding:.4rem .5rem;gap:.3rem}seq-player .seq-btn-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}seq-player .seq-transport button{min-height:36px;padding:.4rem .55rem}seq-player .seq-play{min-width:5.2rem}.seq-count{min-width:0}.drawing-article seq-player details.seq-transcript{margin-top:.3rem}}@media print{.seq-controls,.seq-now{display:none}}.seq-svg :is(.seq-strip-lost,.seq-strip-wrong,.seq-strip-no-email){fill:var(--seq-ink-coral)}.seq-group-box{fill:color-mix(in srgb,var(--color-text-secondary) 5%,transparent);stroke:var(--color-text-secondary);stroke-width:1;stroke-dasharray:6 4}.seq-svg .seq-group-text{fill:var(--color-text-secondary);font-weight:600}seq-player[data-still] .seq-now{display:none}
