.uml{width:100%;height:auto;margin:0 auto;display:block}.uml-box{fill:var(--surface-raised);stroke:var(--line-strong);stroke-width:1.2px;transition:stroke .3s,fill .3s}.uml-head{fill:var(--surface-sunken);transition:fill .3s}.uml-sep{stroke:var(--line-hairline)}.uml-card text{font-family:var(--font-mono);fill:var(--ink-secondary);font-size:11px}.uml-card text.uml-name{font-family:var(--font-sans);fill:var(--ink-primary);font-size:13px;font-weight:650}.uml-card text.uml-name.is-abs{font-style:italic}.uml-card text.uml-stereo{fill:var(--ink-muted);font-size:10px}.uml-card text.is-stat{text-decoration:underline}.uml-card text.is-abst{font-style:italic}.uml-card.is-focus .uml-box{stroke:var(--brand);stroke-width:2px}.uml-card.is-good .uml-box{stroke:var(--signal-ok);stroke-width:2px}.uml-card.is-bad .uml-box{stroke:var(--signal-critical);stroke-width:2px}.uml-card.is-bad .uml-head{fill:color-mix(in oklab, var(--signal-critical) 12%, var(--surface-sunken))}.uml-card.is-added .uml-box{stroke:var(--signal-ok);stroke-width:2px}.uml-card.is-added .uml-head{fill:color-mix(in oklab, var(--signal-ok) 14%, var(--surface-sunken))}.uml-card.is-muted{opacity:.45}.uml-link path{fill:none;stroke:var(--ink-secondary);stroke-width:1.3px}.uml-link.is-dash path{stroke-dasharray:5 4}.uml-link text{font-family:var(--font-mono);fill:var(--ink-muted);font-size:10.5px}.uml-mk-hollow{fill:var(--surface-raised);stroke:var(--ink-secondary);stroke-width:1.2px}.uml-mk-solid{fill:var(--ink-secondary)}.uml-mk-open{fill:none;stroke:var(--ink-secondary);stroke-width:1.3px}.uml-scroll{border-radius:6px;width:100%;max-width:100%;overflow-x:auto}.uml-scroll:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.xpl{--xpl-flow:var(--color-signal-flow);--xpl-bad:var(--color-signal-critical);--xpl-good:var(--color-signal-ok);--xpl-warn:var(--color-signal-warn);--xpl-good-text:color-mix(in oklab, var(--xpl-good) 68%, var(--color-ink-primary));--xpl-bad-text:color-mix(in oklab, var(--xpl-bad) 85%, var(--color-ink-primary));--xpl-warn-text:color-mix(in oklab, var(--xpl-warn) 85%, var(--color-ink-primary));--xpl-wire:color-mix(in oklab, var(--color-ink-primary) 28%, transparent);--xpl-glass:#ffffffa8;--xpl-glass-line:#00000014;--xpl-glass-track:#00000024;--xpl-ease:cubic-bezier(.2, 0, 0, 1);border:1px solid var(--color-line-strong);background:var(--color-surface-overlay);color:var(--color-ink-primary);border-radius:14px;flex-direction:column;margin-top:20px;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 8px 24px -12px #0000001f}[data-theme=dark] .xpl{--xpl-glass:#1e1e1e9e;--xpl-glass-line:#ffffff1a;--xpl-glass-track:#fff3}.xpl.is-full{z-index:80;box-shadow:none;border:0;border-radius:0;margin:0;position:fixed;inset:0}body.xpl-locked{overflow:hidden}.xpl-head{border-bottom:1px solid var(--color-line-hairline);align-items:center;gap:8px;padding:8px 10px 8px 16px;display:flex}.xpl.is-full .xpl-head{padding-top:calc(8px + env(safe-area-inset-top,0px))}.xpl-title{align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.xpl-title i{background:var(--color-brand);border-radius:50%;width:8px;height:8px}.xpl-count{font:500 12px var(--font-mono);color:var(--color-ink-muted);font-variant-numeric:tabular-nums}.xpl-grow{flex:1}.xpl-ib{width:32px;height:32px;color:var(--color-ink-secondary);border-radius:6px;place-items:center;display:inline-grid}.xpl-ib:hover{background:var(--color-surface-glass);color:var(--color-ink-primary)}.xpl-ib[aria-pressed=true]{color:var(--color-brand-ink);background:var(--color-brand-subtle)}.xpl-ib svg,.xpl-play svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.xpl-ib:focus-visible,.xpl-play:focus-visible,.xpl-bar:focus-visible,.xpl-nstep:focus-visible,.xpl-cta:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.xpl-stage{background:var(--color-surface-canvas);cursor:pointer;-webkit-user-select:none;user-select:none;aspect-ratio:16/9;position:relative;container-type:size}.xpl.is-full .xpl-stage{aspect-ratio:auto;flex:1;min-height:0}.xpl-frame{width:min(100cqw,177.778cqh);height:min(100cqh,56.25cqw);margin:auto;position:absolute;inset:0;container-type:inline-size}.xpl-scene{text-rendering:geometricprecision;width:100%;height:84%;display:block;position:absolute;top:0;left:0;right:0;overflow:hidden}.xpl-scene text,.xpl-lens,.xpl-recap,.xpl-meter{pointer-events:none}.xpl-cam{transform-box:view-box;transform-origin:0 0;transition:transform .9s var(--xpl-ease)}.xpl-wire{fill:none;stroke:var(--xpl-wire);stroke-width:1.6px;transition:opacity .5s var(--xpl-ease)}.xpl-wire.is-off{opacity:0}.xpl-block{transition:opacity .5s var(--xpl-ease), transform .55s var(--xpl-ease);transform-box:fill-box;transform-origin:50%}.xpl-block.is-off{opacity:0;transform:scale(.85)}.xpl-block rect:first-child{fill:var(--color-surface-raised);stroke:var(--color-line-strong);stroke-width:1.2px;transition:fill .4s,stroke .4s}.xpl-block.is-bad rect:first-child{fill:color-mix(in oklab, var(--xpl-bad) 12%, var(--color-surface-raised));stroke:var(--xpl-bad);stroke-width:2px}.xpl-block.is-good rect:first-child{stroke:var(--xpl-good);stroke-width:1.8px}.xpl-block.is-new rect:first-child{stroke:var(--color-brand);stroke-width:2.2px}.xpl-block.is-down rect:first-child{stroke:var(--xpl-bad);stroke-dasharray:6 5}.xpl-block.is-faded{opacity:.38}.xpl-bname{font:600 15px var(--font-sans);fill:var(--color-ink-primary)}.xpl-bsub{font:500 12px var(--font-mono);fill:var(--color-ink-muted)}.xpl-downtag{opacity:0;transition:opacity .3s}.xpl-block.is-down .xpl-downtag{opacity:1}.xpl-downtag rect{fill:var(--xpl-bad)}.xpl-downtag text{font:700 11px var(--font-mono);fill:var(--color-surface-page);letter-spacing:.08em}.xpl-pin rect{fill:var(--color-brand-subtle);stroke:var(--color-brand)}.xpl-pin text{font:600 11.5px var(--font-mono);fill:var(--color-brand-ink)}.xpl-dot{fill:var(--xpl-flow)}.xpl-dot.is-bad{fill:var(--xpl-bad)}.xpl-dot.is-warn{fill:var(--xpl-warn)}.xpl-dot.is-good{fill:var(--xpl-good)}.xpl-dot.is-sync{fill:var(--color-brand)}.xpl-nack{stroke:var(--xpl-bad);stroke-width:2.4px;stroke-linecap:round;fill:none}.xpl-frame.is-zoomed .xpl-block:not(.is-focus):not(.is-off),.xpl-frame.is-zoomed .xpl-wire:not(.is-off),.xpl-frame.is-zoomed .xpl-dots{opacity:.1}.xpl-frame.is-zoomed .xpl-pin{opacity:0}.xpl-dots{transition:opacity .5s var(--xpl-ease)}.xpl-frame.is-recap .xpl-scene,.xpl-frame.is-recap .xpl-meter{opacity:.12;transition:opacity .5s}.xpl-meter{align-items:center;gap:4%;height:9%;font-size:clamp(10px,1.25cqw,15px);transition:opacity .4s;display:flex;position:absolute;bottom:4%;left:4%;right:4%}.xpl-mlabel{min-width:12%;font:500 .8em var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted);flex-direction:column;display:flex}.xpl-mlabel b{font:700 1.25em var(--font-mono);letter-spacing:0;text-transform:none;color:var(--color-ink-primary);font-variant-numeric:tabular-nums}.xpl-mtrack{background:var(--color-surface-sunken);border:1px solid var(--color-line-hairline);border-radius:1em;flex:1;height:.8em;position:relative}.xpl-mfill{border-radius:inherit;background:var(--xpl-flow);transition:background .3s;position:absolute;top:0;bottom:0;left:0}.xpl-meter.is-bad .xpl-mfill{background:var(--xpl-bad)}.xpl-mpeak,.xpl-mmark{border-left:1.5px dashed var(--color-ink-primary);width:0;position:absolute;top:-.5em;bottom:-.5em}.xpl-mmark{border-left:2.5px solid var(--xpl-bad)}.xpl-mpeak small,.xpl-mmark small{white-space:nowrap;font:500 .75em var(--font-mono);color:var(--color-ink-muted);margin-top:.3em;position:absolute;top:100%;left:0;transform:translate(-50%)}.xpl-mmark small{color:var(--xpl-bad-text);margin:0 0 .3em;font-weight:600;top:auto;bottom:100%}.xpl-lens{animation:xpl-in .45s var(--xpl-ease);display:flex;position:absolute;inset:4% 2.5% 17% 44%}@keyframes xpl-in{0%{opacity:0;transform:translateY(6px)}}.xpl-panel{scrollbar-width:thin;border:1px solid var(--color-line-strong);background:var(--color-surface-overlay);min-width:0;color:var(--color-ink-secondary);border-radius:14px;flex-direction:column;flex:1;gap:.7em;padding:1.2em 1.4em;font-size:clamp(11px,1.55cqw,20px);line-height:1.45;display:flex;overflow:auto;box-shadow:0 10px 30px -14px #00000040}.xpl-p-hd{font:600 .78em var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted);margin:0}.xpl-p-lede{color:var(--color-ink-primary);margin:0;font-weight:600}.xpl-p-body{flex-direction:column;flex:none;gap:.7em;display:flex}.xpl-p-tips{flex-direction:column;gap:.45em;margin-top:auto;display:flex}.xpl-p-tips p,.xpl-p-body p{margin:0}.xpl-p-tips .is-bad,.xpl-panel .is-bad{color:var(--xpl-bad-text)}.xpl-p-tips .is-good,.xpl-panel .is-good{color:var(--xpl-good-text)}.xpl-p-tips .is-warn{color:var(--xpl-warn-text)}.xpl-p-tips p{font-weight:500}.xpl-p-tips p:not([class*=is-]){font-weight:400}.xpl-mono{font-family:var(--font-mono);font-size:.92em}.xpl-fade{transition:opacity .4s var(--xpl-ease), transform .4s var(--xpl-ease)}.xpl-fade.is-hidden{opacity:0;transform:translateY(3px)}.xpl-p-box{border:1px solid var(--color-line-strong);background:var(--color-surface-raised);border-radius:10px;padding:.7em .9em}.xpl-p-box p+p{margin-top:.15em}.xpl-p-table{gap:0;display:grid}.xpl-p-trow{border-top:1px solid var(--color-line-hairline);grid-template-columns:1.3fr 1.6fr .6fr;align-items:center;gap:1em;padding:.45em 0;display:grid}.xpl-p-trow.is-head{font:600 .75em var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted);border-top:0}.xpl-p-count{align-items:center;gap:.8em;display:flex}.xpl-p-count b{min-width:2ch;font:700 1em var(--font-mono);color:var(--color-ink-primary)}.xpl-p-meter{background:var(--color-surface-sunken);border-radius:1em;flex:1;height:.55em;overflow:hidden}.xpl-p-meter i{background:var(--xpl-flow);border-radius:inherit;height:100%;display:block}.xpl-p-bars{flex-direction:column;gap:.4em;padding-top:.6em;display:flex}.xpl-p-plot{border-bottom:1px solid var(--color-line-strong);align-items:end;gap:.6em;height:11em;display:grid;position:relative}.xpl-p-lim{border-top:1.5px dashed var(--xpl-bad);height:0;position:absolute;left:0;right:0}.xpl-p-limtext{z-index:1;background:var(--color-surface-overlay);font:600 .85em var(--font-mono);color:var(--xpl-bad-text);border-radius:3px;padding:0 .3em;position:absolute;right:0}.xpl-p-col{justify-content:center;align-items:flex-end;height:100%;display:flex}.xpl-p-bar{background:var(--xpl-good);border-radius:4px 4px 0 0;width:70%;position:relative}.xpl-p-bar.is-warn{background:var(--xpl-warn)}.xpl-p-bar.is-good{background:var(--xpl-good)}.xpl-p-bar.is-bad{background:var(--xpl-bad)}.xpl-p-bar b{font:700 .9em var(--font-mono);color:var(--color-ink-primary);position:absolute;top:-1.35em;left:50%;transform:translate(-50%)}.xpl-p-gap{color:var(--color-ink-muted);margin-bottom:.3em}.xpl-p-names{text-align:center;gap:.6em;display:grid}.xpl-p-pipe{flex-direction:column;gap:.5em;padding-top:1.6em;display:flex}.xpl-p-phases{gap:.5em;display:grid;position:relative}.xpl-p-phase{border:1px solid var(--color-line-strong);background:var(--color-surface-raised);text-align:center;font:500 .88em var(--font-mono);color:var(--color-ink-primary);border-radius:8px;padding:.9em .3em;transition:background .3s,border-color .3s}.xpl-p-phase.is-spent{background:color-mix(in oklab, var(--xpl-warn) 14%, var(--color-surface-raised));border-color:var(--xpl-warn)}.xpl-p-phase.is-bad{background:color-mix(in oklab, var(--xpl-bad) 12%, var(--color-surface-raised));border-color:var(--xpl-bad);color:var(--xpl-bad-text)}.xpl-p-token{background:var(--xpl-flow);border-radius:50%;width:.8em;height:.8em;position:absolute;top:-1.4em}.xpl-p-phases.is-under{min-height:1.6em}.xpl-p-used{text-align:center;color:var(--xpl-warn-text)}.xpl-p-out{text-align:center;font:700 .9em var(--font-mono);color:var(--xpl-bad-text)}.xpl-p-xchg{flex-direction:column;gap:.6em;display:flex}.xpl-p-lanes{grid-template-columns:1fr 1fr;gap:4em;display:grid}.xpl-p-lanes span{border:1px solid var(--color-line-strong);background:var(--color-surface-raised);text-align:center;color:var(--color-ink-primary);border-radius:8px;padding:.5em;font-weight:600}.xpl-p-msgs{flex-direction:column;gap:.5em;padding:0 3em;display:flex}.xpl-p-msg{text-align:center;color:var(--color-ink-primary);padding-bottom:.35em;font-weight:700;position:relative}.xpl-p-msg:after{content:"";background:var(--color-ink-muted);height:1.5px;position:absolute;bottom:0;left:0;right:0}.xpl-p-msg.is-out:before,.xpl-p-msg.is-back:before{content:"";border-top:1.5px solid var(--color-ink-muted);border-right:1.5px solid var(--color-ink-muted);width:.6em;height:.6em;position:absolute;bottom:-.3em}.xpl-p-msg.is-out:before{right:0;transform:rotate(45deg)}.xpl-p-msg.is-back:before{left:0;transform:rotate(-135deg)}.xpl-p-msg.is-bad{color:var(--xpl-bad-text)}.xpl-p-xfoot{grid-template-columns:1fr 1fr;align-items:start;gap:1em;display:grid}.xpl-p-call{border:1px solid var(--color-line-strong);color:var(--color-ink-primary);border-radius:8px;padding:.6em .8em;font-weight:600}.xpl-p-call.is-bad{border-color:var(--xpl-bad);background:color-mix(in oklab, var(--xpl-bad) 10%, transparent);color:var(--xpl-bad-text)}.xpl-p-kv{justify-content:space-between;gap:1em;display:flex}.xpl-p-gauge{flex-direction:column;gap:.55em;display:flex}.xpl-p-side b{color:var(--color-ink-primary)}.xpl-p-figs{grid-template-columns:1fr 1fr;gap:1em;display:grid}.xpl-p-figs small{font:600 .75em var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted);display:block}.xpl-p-figs b{font:700 2.1em var(--font-mono);color:var(--color-ink-primary);font-variant-numeric:tabular-nums}.xpl-p-figs b.is-bad{color:var(--xpl-bad-text)}.xpl-p-track{background:var(--color-surface-sunken);border-radius:1em;height:.9em;position:relative}.xpl-p-track i{border-radius:inherit;background:var(--xpl-good);position:absolute;top:0;bottom:0;left:0}.xpl-p-track i.is-bad{background:var(--xpl-bad)}.xpl-p-knee{border-left:1.5px dashed var(--xpl-bad);position:absolute;top:-.4em;bottom:-.4em}.xpl-p-queue small{font:600 .75em var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted);margin-bottom:.3em;display:block}.xpl-p-queue span{gap:.3em;display:flex}.xpl-p-queue i{background:var(--xpl-bad);opacity:0;border-radius:.15em;width:.8em;height:.8em;transition:opacity .2s}.xpl-p-queue i.is-on{opacity:1}.xpl-p-seq{flex-direction:column;gap:.5em;display:flex}.xpl-p-step{border:1px solid var(--color-line-strong);background:var(--color-surface-raised);color:var(--color-ink-primary);border-radius:8px;padding:.6em .9em;font-weight:600;position:relative}.xpl-p-step.is-bad{border-color:var(--xpl-bad);background:color-mix(in oklab, var(--xpl-bad) 10%, var(--color-surface-raised));color:var(--xpl-bad-text)}.xpl-p-res{padding-top:.3em}.xpl-p-res small{color:var(--color-ink-secondary);display:block}.xpl-p-res b{font:700 1.5em var(--font-mono)}.xpl-p-win{flex-direction:column;gap:.5em;display:flex}.xpl-p-winsvg{width:100%;height:auto;overflow:visible}.xpl-w-box{fill:var(--color-surface-raised);stroke:var(--color-line-strong)}.xpl-w-box.is-good{fill:color-mix(in oklab, var(--xpl-good) 12%, var(--color-surface-raised));stroke:var(--xpl-good)}.xpl-w-box.is-bad{fill:color-mix(in oklab, var(--xpl-bad) 10%, var(--color-surface-raised));stroke:var(--xpl-bad)}.xpl-w-lap{fill:var(--color-brand-subtle);stroke:var(--color-brand)}.xpl-w-hd{font:600 10px var(--font-mono);letter-spacing:.08em;fill:var(--color-ink-muted)}.xpl-w-big{font:700 28px var(--font-mono);fill:var(--color-ink-primary)}.xpl-w-weigh{font:600 11px var(--font-mono);fill:var(--color-brand-ink)}.xpl-w-axis{stroke:var(--xpl-wire);stroke-width:1.4px}.xpl-w-tick{font:500 11px var(--font-mono);fill:var(--color-ink-muted)}.xpl-w-arrow{fill:none;stroke:var(--xpl-flow);stroke-width:1.8px}.xpl-w-lab{font:700 11px var(--font-mono);fill:var(--color-ink-primary)}.is-bad>.xpl-w-arrow{stroke:var(--xpl-bad)}.is-bad>.xpl-w-lab{fill:var(--xpl-bad)}.xpl-w-brk path{fill:none;stroke:var(--color-brand);stroke-width:2.4px}.xpl-w-brk text{font:700 11px var(--font-mono);fill:var(--color-brand-ink)}.xpl-p-work{flex-direction:column;gap:.3em;display:flex}.xpl-p-work b{color:var(--color-ink-primary)}.xpl-p-bucket{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8em 1.2em;display:grid}.xpl-p-tokens{border:1px solid var(--color-line-strong);background:var(--color-surface-raised);border-radius:10px;grid-template-columns:repeat(10,.75em);gap:.28em;padding:.7em;display:grid}.xpl-p-tokens i{background:var(--color-line-strong);border-radius:50%;width:.75em;height:.75em}.xpl-p-tokens i.is-on{background:var(--xpl-flow)}.xpl-p-bside{flex-direction:column;gap:.5em;display:flex}.xpl-p-bside b{color:var(--color-ink-primary)}.xpl-p-sync{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2em .8em;display:grid}.xpl-p-line{border-top:1.5px dashed var(--color-ink-muted);height:0;position:relative}.xpl-p-sync.is-off .xpl-p-line{border-top-color:var(--xpl-bad)}.xpl-p-line i{background:var(--color-brand);border-radius:50%;width:.7em;height:.7em;margin-left:-.35em;position:absolute;top:-.4em}.xpl-p-x{color:var(--xpl-bad-text);position:absolute;top:-.8em;right:0}.xpl-p-peer{border:1px solid var(--color-line-strong);background:var(--color-surface-raised);color:var(--color-ink-primary);border-radius:8px;padding:.45em .8em;font-weight:600}.xpl-p-sync.is-off .xpl-p-peer{border-color:var(--xpl-bad);color:var(--xpl-bad-text)}.xpl-p-sync small{color:var(--color-ink-muted);grid-column:1/-1}.xpl-p-sync.is-off small{color:var(--xpl-bad-text)}.xpl-recap{grid-template-columns:repeat(auto-fit,minmax(0,1fr));align-content:center;gap:1.6cqw;font-size:clamp(10px,1.3cqw,18px);display:grid;position:absolute;inset:0 3% 12%}.xpl-rcard{border:1px solid var(--color-line-strong);background:var(--color-surface-overlay);animation:xpl-in .5s var(--xpl-ease) both;border-radius:12px;flex-direction:column;gap:.5em;padding:1.1em 1.2em;display:flex}.xpl-rcard:nth-child(2){animation-delay:.15s}.xpl-rcard:nth-child(3){animation-delay:.3s}.xpl-rcard:nth-child(4){animation-delay:.45s}.xpl-rcard small{font:600 .75em var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted)}.xpl-rcard b{color:var(--color-ink-primary)}.xpl-rcard span{font:600 .9em var(--font-mono)}.xpl-rcard .is-bad{color:var(--xpl-bad-text)}.xpl-rcard .is-warn{color:var(--xpl-warn-text)}.xpl-rcard .is-good{color:var(--xpl-good-text)}.xpl-notes{z-index:2;cursor:auto;-webkit-user-select:text;user-select:text;border:1px solid var(--color-line-strong);background:var(--color-surface-overlay);border-radius:12px;flex-direction:column;display:flex;position:absolute;inset:10px;box-shadow:0 10px 30px -10px #00000040}.xpl-notes-head{border-bottom:1px solid var(--color-line-hairline);justify-content:space-between;align-items:center;padding:6px 6px 6px 16px;font-size:14px;display:flex}.xpl-notes-body{flex:1;align-content:start;gap:12px;min-height:0;padding:10px 14px 14px;display:grid;overflow:auto}.xpl-notes h4{font:600 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted);margin:0 0 4px}.xpl-nstep{text-align:left;width:100%;color:inherit;border-radius:8px;padding:8px 10px;display:block}.xpl-nstep:hover{background:var(--color-surface-glass)}.xpl-nstep[aria-current=step]{background:var(--color-brand-subtle)}.xpl-nstep b{font-size:13.5px;display:block}.xpl-nstep span{max-width:76ch;color:var(--color-ink-secondary);margin-top:2px;font-size:14px;line-height:1.6;display:block}.xpl-cap{border-top:1px solid var(--color-line-hairline);grid-template-columns:auto minmax(0,1fr);gap:4px 14px;min-height:108px;padding:14px 16px 10px;display:grid}.xpl-tag{font:600 11px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;grid-row:1/3;align-self:start;margin-top:2px;padding:3px 8px}.xpl-tag.is-setup{background:var(--color-surface-sunken);color:var(--color-ink-secondary)}.xpl-tag.is-problem{background:color-mix(in oklab, var(--xpl-bad) 12%, transparent);color:var(--xpl-bad-text)}.xpl-tag.is-fix{background:var(--color-brand-subtle);color:var(--color-brand-ink)}.xpl-tag.is-holds{background:color-mix(in oklab, var(--xpl-good) 12%, transparent);color:var(--xpl-good-text)}.xpl-cap .xpl-ct{color:var(--color-ink-primary);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:650;line-height:1.35}.xpl-cap p{max-width:76ch;color:var(--color-ink-secondary);margin:0;font-size:14.5px;line-height:1.6}.xpl-cta{background:var(--brand-gradient);width:max-content;height:34px;color:var(--color-on-brand);border-radius:8px;grid-column:2;align-items:center;margin-top:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.xpl.is-full .xpl-cap{min-height:124px;padding:16px 22px 12px}.xpl.is-full .xpl-cap .xpl-ct{font-size:21px}.xpl.is-full .xpl-cap p{font-size:16px}.xpl-ctl{align-items:center;gap:6px;padding:6px 12px 12px;display:flex}.xpl.is-full .xpl-ctl{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.xpl-play{background:var(--color-ink-primary);width:36px;height:36px;color:var(--color-surface-page);border-radius:50%;place-items:center;display:inline-grid}.xpl-play svg{fill:currentColor;stroke:none;width:16px;height:16px}.xpl-track{flex:1;gap:10px;min-width:0;margin-left:8px;display:flex}.xpl-grp{flex-direction:column;gap:5px;min-width:0;display:flex}.xpl-bars{gap:3px;display:flex}.xpl-bar{background:var(--color-line-strong);cursor:pointer;border-radius:3px;flex:1;min-width:10px;height:6px;padding:0;position:relative;overflow:hidden}.xpl-bar:after{content:"";width:var(--p,0%);background:var(--color-brand);border-radius:inherit;position:absolute;inset:0}.xpl-glabel{font:500 11px var(--font-mono);color:var(--color-ink-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.xpl-grp.is-on .xpl-glabel{color:var(--color-ink-primary)}.xpl-vol{display:flex;position:relative}.xpl-vpop{z-index:5;border:1px solid var(--xpl-glass-line);background:var(--xpl-glass);-webkit-backdrop-filter:blur(14px)saturate(1.5);backdrop-filter:blur(14px)saturate(1.5);opacity:0;visibility:hidden;transform-origin:50% 100%;width:34px;transition:opacity .16s var(--xpl-ease), transform .16s var(--xpl-ease), visibility 0s .16s;border-radius:17px;flex-direction:column;align-items:center;gap:10px;padding:12px 0 14px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px)scale(.97);box-shadow:0 10px 30px -12px #00000059,0 1px 2px #0000000f}.xpl-vpop:after{content:"";height:14px;position:absolute;top:100%;left:-8px;right:-8px}.xpl-vol:hover .xpl-vpop,.xpl-vol.is-drag .xpl-vpop{opacity:1;visibility:visible;transition:opacity .16s var(--xpl-ease), transform .16s var(--xpl-ease), visibility 0s;transform:translate(-50%)scale(1)}.xpl-vol:has(:focus-visible) .xpl-vpop{opacity:1;visibility:visible;transition:opacity .16s var(--xpl-ease), transform .16s var(--xpl-ease), visibility 0s;transform:translate(-50%)scale(1)}.xpl-vpct{text-align:center;min-width:3ch;font:600 10.5px var(--font-mono);color:var(--color-ink-secondary);font-variant-numeric:tabular-nums}.xpl-vtrack{background:var(--xpl-glass-track);cursor:pointer;touch-action:none;border-radius:2px;width:4px;height:88px;position:relative}.xpl-vtrack:before{content:"";position:absolute;inset:-6px -14px}.xpl-vtrack:focus-visible{outline:2px solid var(--color-brand);outline-offset:8px}.xpl-vfill{background:var(--brand-gradient);border-radius:2px;position:absolute;bottom:0;left:0;right:0}.xpl-vthumb{background:var(--color-light-primary);width:12px;height:12px;transition:transform .12s var(--xpl-ease);border-radius:50%;margin:0 0 -6px -6px;position:absolute;left:50%;box-shadow:0 0 0 1px #0000001f,0 2px 6px #00000040}.xpl-vtrack:hover .xpl-vthumb,.xpl-vol.is-drag .xpl-vthumb{transform:scale(1.2)}@media (hover:none){.xpl-vpop{display:none}}@media (max-width:640px){.xpl-glabel{display:none}.xpl.is-full .xpl-stage{overflow-y:auto;container-type:normal}.xpl.is-full .xpl-frame{aspect-ratio:16/9;width:100%;height:auto;margin:0;position:relative;inset:auto}.xpl.is-full .xpl-lens{margin:10px 0;inset:100% 10px auto}.xpl.is-full .xpl-panel{font-size:14px}.xpl.is-full .xpl-cam{transform:none!important}.xpl.is-full .xpl-frame.is-zoomed .xpl-block:not(.is-focus):not(.is-off){opacity:.3}}@media (prefers-reduced-motion:reduce){.xpl-cam,.xpl-block,.xpl-wire,.xpl-fade,.xpl-dots,.xpl-meter{transition:none}.xpl-lens,.xpl-rcard{animation:none}}.xpl.is-figure .xpl-bname{font-size:13px}.xpl.is-figure .xpl-bsub{font-size:11px}.xpl.is-figure .xpl-scene{height:100%}.xpl-umcard{transition:transform .6s cubic-bezier(.3,.7,.2,1),opacity .4s;animation:.45s ease-out xpl-umcard-in}@keyframes xpl-umcard-in{0%{opacity:0}}.xpl-umcard.is-bad .uml-box{fill:color-mix(in oklab, var(--xpl-bad) 10%, var(--color-surface-raised));stroke:var(--xpl-bad);stroke-width:2px}.xpl-umcard.is-bad .uml-head{fill:color-mix(in oklab, var(--xpl-bad) 16%, var(--color-surface-sunken))}.xpl-umcard.is-good .uml-box{stroke:var(--xpl-good);stroke-width:1.8px}.xpl-umcard.is-new .uml-box{stroke:var(--color-brand);stroke-width:2.2px}.xpl-umcard.is-faded{opacity:.38}.xpl-umcard .xpl-pin text{font:600 11.5px var(--font-mono);fill:var(--color-brand-ink)}.xpl-frame.is-zoomed .xpl-umcard:not(.is-focus),.xpl-frame.is-zoomed .xpl-umlink{opacity:.12}.xpl-umlink{transition:opacity .4s;animation:.45s ease-out xpl-umcard-in}.xpl-panel.is-code{overflow:hidden}.xpl-panel.is-code .xpl-p-body{flex:0 auto;min-height:0}.xpl-panel.is-code .xpl-p-tips{margin-top:.3em}.xpl-p-code{border:1px solid var(--color-line-hairline);background:var(--color-surface-raised);scrollbar-width:thin;border-radius:10px;min-width:0;min-height:0;position:relative;overflow:auto}.xpl-p-code:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.xpl-p-lang{font:500 .72em var(--font-mono);color:var(--color-ink-muted);position:absolute;top:6px;right:10px}.xpl-p-code pre{white-space:pre-wrap;overflow-wrap:anywhere;font:.9em/1.5 var(--font-mono);margin:0;padding:1.7em 0 .7em}.xpl-p-code .line{padding:0 .9em}.xpl-p-checks{gap:.5em;display:grid}.xpl-p-chk{border:1px solid var(--color-line-hairline);background:var(--color-surface-raised);color:var(--color-ink-primary);border-radius:8px;align-items:baseline;gap:.6em;margin:0;padding:.5em .8em;font-weight:600;display:flex}.xpl-p-chk>b{flex:none}.xpl-p-chk.is-good>b{color:var(--xpl-good)}.xpl-p-chk.is-bad{border-color:var(--xpl-bad);background:color-mix(in oklab, var(--xpl-bad) 8%, var(--color-surface-raised))}.xpl-p-chk.is-bad>b{color:var(--xpl-bad-text)}.xpl-p-chk.is-hint{border-color:var(--xpl-warn);background:color-mix(in oklab, var(--xpl-warn) 8%, var(--color-surface-raised))}.xpl-p-chk.is-hint>b{color:var(--xpl-warn-text)}.xpl-p-chk small{color:var(--color-ink-secondary);margin-top:.15em;font-size:.82em;font-weight:400;display:block}@media (prefers-reduced-motion:reduce){.xpl-umcard,.xpl-umlink{transition:none;animation:none}}