.of{gap:.6rem;display:grid}.of-controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.of-seg-label,.of-seg-note{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink,#23201b);letter-spacing:.01em;font-size:.74rem}.of-seg-note{color:var(--ink-mute,#6d6252)}.of-seg{border:1px solid var(--rule-strong,#c8bc9e);border-radius:100px;display:inline-flex;overflow:hidden}.of-seg-btn{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.01em;border:0;border-right:1px solid var(--rule-strong,#c8bc9e);background:var(--paper,#f7f3ea);min-width:2.2rem;color:var(--ink-mute,#6d6252);cursor:pointer;padding:.32rem .9rem;font-size:.72rem;transition:background .15s,color .15s}.of-seg-btn:last-child{border-right:0}.of-seg-btn[aria-pressed=true]{background:var(--signal,#1f56de);color:#fff}.of-seg-btn:focus-visible{outline:2px solid var(--signal,#1f56de);outline-offset:2px}.of-panels{grid-template-columns:1fr;gap:.6rem;display:grid}@media (width>=640px){.of-panels{grid-template-columns:1.5fr 1fr;align-items:stretch}}.of-panel{border:1px solid var(--paper-edge,#ded3ba);background:var(--paper-2,#f0e9d9);border-radius:3px;flex-direction:column;margin:0;padding:.5rem .6rem;display:flex}.of-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;margin-bottom:.2rem;font-size:.66rem;display:flex}.of-cap b{color:var(--ink,#23201b);text-transform:none;letter-spacing:0;font-weight:600}.of-svg{width:100%;height:auto;display:block}.of-axis{stroke:color-mix(in srgb, var(--ink-mute,#6d6252) 42%, transparent);stroke-width:1px}.of-grid{stroke:color-mix(in srgb, var(--ink-mute,#6d6252) 15%, transparent);stroke-width:1px}.of-tick{font-family:var(--font-mono,ui-monospace, monospace);fill:var(--ink-mute,#6d6252);font-size:9px}.of-axis-title{font-family:var(--font-mono,ui-monospace, monospace);fill:var(--ink-mute,#6d6252);letter-spacing:.02em;font-size:9px}.of-bc{color:var(--ink-mute,#6d6252)}.of-awac{color:var(--entity-target,#2f9e44)}.of-naive{color:var(--alert,#c0362a)}.of-bar{fill:currentColor;opacity:.82}.of-bar.of-bc{opacity:.5}.of-whisk{stroke:color-mix(in srgb, var(--ink,#23201b) 62%, transparent);stroke-width:1.4px}.of-barval{font-family:var(--font-mono,ui-monospace, monospace);fill:currentColor;font-size:12px;font-weight:700}.of-barlab{font-family:var(--font-mono,ui-monospace, monospace);fill:var(--ink,#23201b);font-size:10px}.of-barsub{font-family:var(--font-mono,ui-monospace, monospace);fill:var(--ink-mute,#6d6252);font-size:9px}.of-barsub.of-awac{fill:var(--entity-target,#2f9e44)}.of-barsub.of-naive{fill:var(--alert,#c0362a)}.of-diff-cap{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.02em;color:var(--ink-mute,#6d6252);margin:.25rem 0 -.1rem;font-size:.62rem}.of-diff-svg{margin-top:.1rem}.of-zero{stroke:color-mix(in srgb, var(--ink-mute,#6d6252) 60%, transparent);stroke-width:1.4px;stroke-dasharray:3 3}.of-zero-lab,.of-di-seed{font-family:var(--font-mono,ui-monospace, monospace);fill:var(--ink-mute,#6d6252);font-size:9px}.of-di-line{stroke:var(--entity-target,#2f9e44);stroke-width:2.4px;opacity:.6;stroke-linecap:round}.of-di-cap{stroke:var(--entity-target,#2f9e44);stroke-width:1.6px;opacity:.6}.of-di-dot{fill:var(--entity-target,#2f9e44)}.of-di-val{font-family:var(--font-mono,ui-monospace, monospace);fill:var(--ink-mute,#6d6252);font-variant-numeric:tabular-nums;font-size:8.5px}.of-di-sel .of-di-line{opacity:1;stroke-width:3px}.of-di-sel .of-di-cap{opacity:1}.of-di-sel .of-di-seed,.of-di-sel .of-di-val{fill:var(--ink,#23201b);font-weight:700}.of-readout{border:1px solid var(--rule-strong,#c8bc9e);background:color-mix(in srgb, var(--paper,#f7f3ea) 88%, transparent);font-family:var(--font-mono,ui-monospace, monospace);border-radius:5px;gap:.26rem;margin-top:.4rem;padding:.4rem .55rem;font-size:.7rem;display:grid}.of-row{justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.of-lg{align-items:center;gap:.35rem;display:inline-flex}.of-lg:before{content:"";background:currentColor;border-radius:50%;width:.6rem;height:.6rem}.of-l-bc{color:var(--ink-mute,#6d6252)}.of-l-awac{color:var(--entity-target,#2f9e44)}.of-lg-name{color:var(--ink,#23201b)}.of-v{font-variant-numeric:tabular-nums;color:var(--ink,#23201b);font-weight:600}.of-v.of-ok{color:var(--entity-target,#2f9e44)}.of-break-note{color:var(--ink,#23201b);flex:auto;margin-top:.5rem;font-size:.76rem;line-height:1.5}.of-break-note b{font-weight:600}.of-t-alert{color:var(--alert,#c0362a)}.of-mech{border:1px solid var(--paper-edge,#ded3ba);background:var(--paper-2,#f0e9d9);border-radius:3px;flex-direction:column;gap:.45rem;padding:.6rem .7rem;display:flex}.of-mech-h{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-mute,#6d6252);font-size:.66rem}.of-mech-rows{gap:.3rem;display:grid}.of-mech-row{align-items:flex-start;gap:.5rem;display:flex}.of-chip{background:currentColor;border-radius:3px;flex:none;width:.65rem;height:.65rem;margin-top:.2rem}.of-chip.of-bc{color:var(--ink-mute,#6d6252);opacity:.6}.of-chip.of-awac{color:var(--entity-target,#2f9e44)}.of-mech-txt{color:var(--ink,#23201b);font-size:.78rem;line-height:1.45}.of-mech-txt b{font-weight:600}.of-mech-svg{width:100%;max-width:480px;height:auto;display:block}.of-mech-axis{stroke:color-mix(in srgb, var(--ink-mute,#6d6252) 45%, transparent);stroke-width:1.4px}.of-mech-end{font-family:var(--font-mono,ui-monospace, monospace);fill:var(--ink-mute,#6d6252);font-size:8.5px}.of-mech-mk{stroke-width:2px}.of-mech-mk.of-bc{stroke:var(--ink-mute,#6d6252)}.of-mech-mk.of-awac{stroke:var(--entity-target,#2f9e44)}.of-mech-mklab{font-family:var(--font-mono,ui-monospace, monospace);font-size:9px;font-weight:600}.of-mech-mklab.of-bc{fill:var(--ink-mute,#6d6252)}.of-mech-mklab.of-awac{fill:var(--entity-target,#2f9e44)}.of-mech-arrow{stroke:var(--entity-target,#2f9e44);stroke-width:1.6px;fill:none;opacity:.85}.of-mech-arrowhead{fill:var(--entity-target,#2f9e44)}.of-mech-note{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);font-size:.64rem;line-height:1.45}.of-mech-note em{color:var(--ink,#23201b);font-style:italic}.of-note{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);font-size:.66rem;line-height:1.5}.of-note b{color:var(--ink,#23201b);font-weight:600}@media (prefers-reduced-motion:reduce){.of-seg-btn{transition:none}}