.di{gap:.85rem;display:grid}.di-panels{grid-template-columns:1fr;gap:.7rem;display:grid}@media (width>=640px){.di-panels{grid-template-columns:1fr 1fr;align-items:start}}.di-figure{border:1px solid var(--paper-edge,#ded3ba);background:var(--paper-2,#f0e9d9);border-radius:6px;flex-direction:column;gap:.55rem;margin:0;padding:.6rem .7rem .55rem;display:flex}.di-cap{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-mute,#6d6252);justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.66rem;display:flex}.di-cap b{color:var(--ink,#23201b);text-transform:none;letter-spacing:0;font-variant-numeric:tabular-nums;font-weight:600}.di-arena-wrap{border-radius:5px}.di-arena-wrap:focus-visible{outline:2px solid var(--signal,#1f56de);outline-offset:2px}.di-arena{aspect-ratio:1;border-radius:5px;width:100%;height:auto;display:block}.di-bg{fill:var(--paper,#fbf9f3);stroke:var(--rule-strong,#c8bc9e);stroke-width:1px}.di-grid line{stroke:color-mix(in srgb, var(--ink-mute,#6d6252) 14%, transparent);stroke-width:1px}.di-trail{fill:none;stroke:color-mix(in srgb, var(--entity-block,#a5257d) 42%, transparent);stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:2 3}.di-tee{fill:var(--entity-block,#a5257d)}.di-target{fill:none;stroke:var(--entity-target,#0c7d5f);stroke-width:1.8px;stroke-dasharray:4 3}.di-pusher{fill:var(--entity-pusher,#b0560f)}.di-pusher-ring{fill:none;stroke:var(--entity-pusher,#b0560f);stroke-width:1.4px;opacity:.5}.di-action line{stroke:var(--signal,#1f56de);stroke-width:2.2px;stroke-linecap:round}.di-action{color:var(--signal,#1f56de)}#di-arrow path{fill:var(--signal,#1f56de)}.di-lab{font-family:var(--font-mono,ui-monospace, monospace);fill:var(--ink-mute,#6d6252);font-size:9px}.di-lab-target{fill:color-mix(in srgb, var(--entity-target,#0c7d5f) 85%, var(--ink,#23201b))}.di-scrub{align-items:center;gap:.45rem;display:flex}.di-icon{font-family:var(--font-mono,ui-monospace, monospace);border:1px solid var(--rule-strong,#c8bc9e);background:var(--paper,#f7f3ea);width:1.9rem;height:1.9rem;color:var(--ink,#23201b);cursor:pointer;border-radius:5px;flex:none;justify-content:center;align-items:center;font-size:.85rem;line-height:1;transition:background .15s,border-color .15s;display:inline-flex}.di-icon:hover{border-color:var(--signal,#1f56de)}.di-icon:focus-visible{outline:2px solid var(--signal,#1f56de);outline-offset:2px}.di-play[aria-pressed=true]{background:var(--signal,#1f56de);color:#fff;border-color:var(--signal,#1f56de)}.di-slider{min-width:90px;accent-color:var(--signal,#1f56de);cursor:pointer;flex:auto}.di-slider:focus-visible{outline:2px solid var(--signal,#1f56de);outline-offset:3px}.di-frame{border:1px solid var(--rule-strong,#c8bc9e);background:color-mix(in srgb, var(--paper,#f7f3ea) 82%, transparent);border-radius:5px;gap:.4rem;padding:.5rem .55rem;display:grid}.di-frame-k,.di-mini-k{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-mute,#6d6252);font-size:.64rem}.di-frame-row{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-soft,#473f34);justify-content:space-between;align-items:baseline;gap:.6rem;font-size:.72rem;display:flex}.di-frame-row b{color:var(--ink,#23201b);font-variant-numeric:tabular-nums;font-weight:600}.di-ok{color:color-mix(in srgb, var(--entity-target,#0c7d5f) 88%, var(--ink,#23201b))}.di-frame-note{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);opacity:.8;font-size:.6rem;line-height:1.4}.di-actbars{gap:.3rem;display:grid}.di-actrow{align-items:center;gap:.5rem;display:flex}.di-actlab{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);min-width:8.5ch;font-size:.64rem}.di-acttrack{background:color-mix(in srgb, var(--ink-mute,#6d6252) 12%, transparent);border-radius:3px;flex:auto;height:12px;position:relative}.di-actzero{background:color-mix(in srgb, var(--ink-mute,#6d6252) 55%, transparent);width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.di-actfill{background:var(--signal,#1f56de);border-radius:2px;transition:width .15s,left .15s,right .15s;position:absolute;top:1px;bottom:1px}.di-actfill[data-pos=true]{border-radius:0 2px 2px 0}.di-actfill[data-pos=false]{background:color-mix(in srgb, var(--signal,#1f56de) 60%, var(--paper,#f7f3ea));border-radius:2px 0 0 2px}.di-actval{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--ink,#23201b);text-align:right;min-width:5ch;font-size:.68rem}.di-state{flex-wrap:wrap;gap:.25rem;display:flex}.di-statev{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--paper-2,#f0e9d9) 72%, transparent);color:var(--ink-soft,#473f34);border-radius:3px;padding:.08rem .3rem;font-size:.66rem}.di-tiles{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.di-tile{border:1px solid var(--rule-strong,#c8bc9e);background:color-mix(in srgb, var(--paper,#f7f3ea) 82%, transparent);border-radius:5px;flex-direction:column;align-items:center;gap:.1rem;padding:.45rem .3rem;display:flex}.di-tile-v{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--ink,#23201b);font-size:1.05rem;font-weight:700;line-height:1}.di-tile-k{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.02em;color:var(--ink-mute,#6d6252);text-align:center;font-size:.58rem}.di-lenrow{gap:.3rem;display:grid}.di-lens{align-items:flex-end;gap:.5rem;height:60px;padding:0 .2rem;display:flex}.di-lenbar{cursor:pointer;background:color-mix(in srgb, var(--entity-block,#a5257d) 32%, var(--paper-2,#f0e9d9));border:0;border-radius:3px 3px 0 0;flex:1 1 0;min-width:0;transition:background .15s;position:relative}.di-lenbar[data-active=true]{background:var(--entity-block,#a5257d)}.di-lenbar:hover{background:color-mix(in srgb, var(--entity-block,#a5257d) 60%, var(--paper-2,#f0e9d9))}.di-lenval{text-align:center;font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--ink-mute,#6d6252);font-size:.62rem;position:absolute;top:-.95rem;left:0;right:0}.di-schema{flex-wrap:wrap;gap:.35rem;display:flex}.di-chip{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.01em;border:1px solid var(--rule-strong,#c8bc9e);background:color-mix(in srgb, var(--paper,#f7f3ea) 70%, transparent);color:var(--ink-soft,#473f34);border-radius:100px;padding:.18rem .5rem;font-size:.66rem}.di-chip.di-muted{color:var(--ink-mute,#6d6252);opacity:.9;border-style:dashed}.di-mt{margin-top:.3rem}.di-ranges{gap:.22rem;display:grid}.di-rangerow{align-items:center;gap:.5rem;display:flex}.di-rangelab{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);text-overflow:ellipsis;white-space:nowrap;min-width:10.5ch;font-size:.62rem;overflow:hidden}.di-rangetrack{background:color-mix(in srgb, var(--ink-mute,#6d6252) 10%, transparent);border-radius:3px;flex:auto;height:9px;position:relative}.di-rangezero{background:color-mix(in srgb, var(--ink-mute,#6d6252) 45%, transparent);width:1px;position:absolute;top:-1px;bottom:-1px;left:50%}.di-rangebar{background:color-mix(in srgb, var(--signal,#1f56de) 52%, transparent);border-radius:3px;position:absolute;top:1px;bottom:1px}.di-rangemean{background:var(--ink,#23201b);border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:-1px;bottom:-1px}.di-rangeval{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--ink-soft,#473f34);text-align:right;min-width:11ch;font-size:.62rem}.di-controls{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.di-seg-label{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink,#23201b);font-size:.72rem}.di-seg{border:1px solid var(--rule-strong,#c8bc9e);border-radius:100px;display:inline-flex;overflow:hidden}.di-seg-btn{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;border:0;border-right:1px solid var(--rule-strong,#c8bc9e);background:var(--paper,#f7f3ea);color:var(--ink-mute,#6d6252);cursor:pointer;padding:.32rem .8rem;font-size:.74rem;transition:background .15s,color .15s}.di-seg-btn:last-child{border-right:0}.di-seg-btn[aria-pressed=true]{background:var(--signal,#1f56de);color:#fff}.di-seg-btn:focus-visible{outline:2px solid var(--signal,#1f56de);outline-offset:-2px}.di-note{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);font-size:.66rem}.di-lesson{color:var(--ink-soft,#473f34);border-left:3px solid var(--signal,#1f56de);background:color-mix(in srgb, var(--signal,#1f56de) 5%, transparent);border-radius:0 5px 5px 0;margin:0;padding:.6rem .7rem;font-size:.84rem;line-height:1.55}.di-lesson b{color:var(--ink,#23201b)}.di-lesson b.di-ok{color:color-mix(in srgb, var(--entity-target,#0c7d5f) 88%, var(--ink,#23201b))}:root[data-theme=dark] .di-bg{fill:var(--paper,#191510)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .di-bg{fill:var(--paper,#191510)}}@media (prefers-reduced-motion:reduce){.di-actfill,.di-lenbar,.di-icon,.di-seg-btn{transition:none}}