.ds-page :is(.font-mono,code,kbd,samp,.t-label,.ds-token){font-variant-ligatures:none}.ds-page [data-off] *,.ds-page [data-off] :before,.ds-page [data-off] :after{animation-play-state:paused!important}.ds-page .ds-ch{content-visibility:auto;contain-intrinsic-size:auto 2300px}@media (max-width:767px){.ds-page .ds-ch{contain-intrinsic-size:auto 1550px}}.ds-page .ds-ch[data-warm]{content-visibility:visible}
.lay-dim{z-index:4;pointer-events:none;color:var(--accent);position:absolute}.lay-dim-line{transition:transform .9s var(--ease) var(--d,0s);background:currentColor;display:block;position:absolute}.lay-dim[data-dir=h] .lay-dim-line{height:1px;top:0;left:0;right:0;transform:scaleX(0)}.lay-dim[data-dir=v] .lay-dim-line{width:1px;top:0;bottom:0;left:0;transform:scaleY(0)}.lay-dim-line:before,.lay-dim-line:after{content:"";background:currentColor;position:absolute}.lay-dim[data-dir=h] .lay-dim-line:before,.lay-dim[data-dir=h] .lay-dim-line:after{width:1px;height:9px;top:-4px}.lay-dim[data-dir=h] .lay-dim-line:before{left:0}.lay-dim[data-dir=h] .lay-dim-line:after{right:0}.lay-dim[data-dir=v] .lay-dim-line:before,.lay-dim[data-dir=v] .lay-dim-line:after{width:9px;height:1px;left:-4px}.lay-dim[data-dir=v] .lay-dim-line:before{top:0}.lay-dim[data-dir=v] .lay-dim-line:after{bottom:0}.lay-dim[data-on] .lay-dim-line{transform:none}.lay-dim-label{background:var(--bg-2);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent);color:var(--fg);font:500 10.5px/1.25 var(--font-mono);white-space:nowrap;opacity:0;transition:opacity .5s var(--ease) calc(var(--d,0s) + .35s);border-radius:3px;padding:2px 5px;position:absolute}.lay-dim-label>span{color:var(--muted)}.lay-dim[data-on] .lay-dim-label{opacity:1}.lay-dim[data-dir=h] .lay-dim-label[data-side=before]{bottom:7px}.lay-dim[data-dir=h] .lay-dim-label[data-side=after]{top:7px}.lay-dim[data-dir=h] .lay-dim-label[data-anchor=center]{left:50%;transform:translate(-50%)}.lay-dim[data-dir=h] .lay-dim-label[data-anchor=start]{left:2px}.lay-dim[data-dir=h] .lay-dim-label[data-anchor=end]{right:2px}.lay-dim[data-dir=v] .lay-dim-label{top:50%;transform:translateY(-50%)}.lay-dim[data-dir=v] .lay-dim-label[data-side=before]{right:9px}.lay-dim[data-dir=v] .lay-dim-label[data-side=after]{left:9px}.lay-dim[data-dir=v] .lay-dim-label[data-side=end]{top:calc(100% + 6px);left:-4px;transform:none}.lay-dim-tight[data-dir=h] .lay-dim-label[data-side=before]{top:8px;bottom:auto}.lay-guide{z-index:3;border-top:1px dashed color-mix(in srgb, var(--accent) 70%, transparent);pointer-events:none;transform-origin:0;height:0;transition:transform 1.1s var(--ease) var(--d,0s);position:absolute;transform:scaleX(0)}.lay-guide[data-on]{transform:none}.lay-note-tag{z-index:4;background:var(--bg-2);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent);opacity:0;transition:opacity .5s var(--ease) var(--d,0s);border-radius:3px;padding:2px 6px}.lay-note-tag[data-on]{opacity:1}.lay-break:before,.lay-break:after{content:"";border-top:1px dashed var(--line);height:0;position:absolute;left:30px;right:0}.lay-break:before{top:30%}.lay-break:after{top:70%}.lay-curves{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s var(--ease)}.lay-curves.is-on{clip-path:inset(0)}.lay-knee{pointer-events:none}.lay-knee i{width:6px;height:6px;box-shadow:inset 0 0 0 1px var(--fg-2);background:var(--bg-2);position:absolute;top:-3px;left:-3px}.lay-knee b{font:400 10px/1 var(--font-mono);color:var(--muted);position:absolute;top:7px;left:0;transform:translate(-50%)}.lay-cur-tag{background:var(--bg-2);white-space:nowrap;border-radius:3px;padding:1px 4px;left:8px}.lay-cur-tag.is-left{left:auto;right:8px}.lay-check,.lay-check-inline{background:var(--muted);clip-path:polygon(50% 0,100% 100%,0 100%);width:7px;height:6px}.lay-check{transform:translate(-50%)}.lay-check-inline{vertical-align:1px;margin:0 4px 0 6px;display:inline-block}.lay-plot:focus-visible{outline:2px solid var(--accent)}.lay-stage{flex-direction:column;display:flex}.lay-stage>*{flex:1}.lay-grow{transform-origin:0;transition:transform 1.1s var(--ease), width .6s var(--ease), background-color .3s}.lay-rad-preview{transition:border-radius .5s var(--ease), box-shadow .3s}.lay-rb{transition:box-shadow .25s,border-color .25s}.lay-rb[data-kind=border]{border:1px solid var(--line-2)}.lay-rb[data-kind=ring]{box-shadow:0 0 0 1px var(--line-2)}.lay-rb[data-kind=border][data-hov]{border:2px solid var(--accent)}.lay-rb[data-kind=ring][data-hov]{box-shadow:0 0 0 2px var(--accent)}.lay-dt{background:var(--line-2);box-shadow:0 0 0 1px var(--line-2);transition:gap .9s var(--ease), background-color .6s, box-shadow .6s, border-radius .9s var(--ease);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.lay-dt.is-cards{background:0 0;gap:12px;overflow:visible;box-shadow:0 0 #0000}.lay-dt-cell{background:var(--bg-2);min-width:0;transition:border-radius .9s var(--ease), background-color .6s, box-shadow .6s, transform .9s var(--ease);border-radius:0;padding:14px 14px 16px;position:relative}.lay-dt.is-cards .lay-dt-cell{background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px}.lay-dt-no{color:var(--muted);transition:opacity .4s;display:block}.lay-dt-mark{background:var(--accent);width:8px;height:8px;transition:transform .6s var(--ease) .3s;position:absolute;top:16px;left:14px;transform:scale(0)}.lay-dt.is-cards .lay-dt-no{opacity:0}.lay-dt.is-cards .lay-dt-mark{transform:none}.lay-dt-t{transition:font-size .6s var(--ease);margin-top:10px;font-size:14px}.lay-dt.is-cards .lay-dt-t{font-size:16px}.lay-dt-d{margin-top:4px}.lay-dt-x{transition:opacity .4s}.lay-dt-strike{z-index:2;background:var(--accent);pointer-events:none;height:1.5px;transition:transform .6s var(--ease);margin-top:-.75px;position:absolute;top:50%;left:8%;right:8%;transform:rotate(-8deg)scaleX(0)}.lay-dt-strike[data-on]{transform:rotate(-8deg)scaleX(1)}@media (max-width:767px){.lay-dt{grid-template-columns:minmax(0,1fr)}.lay-dt.is-cards{gap:8px}.lay-dt-cell{flex-wrap:wrap;align-items:baseline;column-gap:10px;padding:10px 14px 10px 40px;display:flex}.lay-dt-no{position:absolute;top:13px;left:14px}.lay-dt-mark{top:17px;left:14px}.lay-dt-t{margin-top:0}.lay-dt.is-cards .lay-dt-t{font-size:15px}.lay-dt-d{margin-top:0}}.lay-plate{background:color-mix(in srgb, var(--bg-3) 62%, transparent);box-shadow:inset 0 0 0 1px var(--line-2);transition:top 1.1s var(--ease), box-shadow .3s, background-color .3s, opacity .3s;border-radius:6px;position:absolute;transform:rotateX(60deg)rotate(-45deg)}.lay-plate>i{display:block;position:absolute}.lay-plate[data-hot]{background:color-mix(in srgb, var(--accent) 16%, var(--bg-2));box-shadow:inset 0 0 0 1.5px var(--accent)}.lay-plate[data-dim]{opacity:.32}.lay-plate-grain{background-image:radial-gradient(var(--fg-2) .7px, transparent .9px);opacity:.55;background-size:7px 7px}.lay-plate-pixel{background-image:linear-gradient(45deg, var(--line-2) 25%, transparent 25%, transparent 75%, var(--line-2) 75%), linear-gradient(45deg, var(--line-2) 25%, transparent 25%, transparent 75%, var(--line-2) 75%);background-position:0 0,8px 8px;background-size:16px 16px;-webkit-mask-image:linear-gradient(115deg,#000 30%,#0000 75%);mask-image:linear-gradient(115deg,#000 30%,#0000 75%)}.lay-zlab{opacity:0;transition:opacity .6s var(--ease), transform .9s var(--ease);transform:translate(-8px)}.lay-zlab[data-on]{opacity:1;transform:none}.lay-phone{box-shadow:0 0 0 6px var(--bg-3), 0 0 0 7px var(--line-2)}.lay-btt{z-index:3;border:1px dashed var(--accent);background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent) 26%, transparent) 0 1px, transparent 1px 6px)}.lay-mark,.lay-mark-inline{width:18px;height:18px;font:600 10px/1 var(--font-mono);place-items:center;display:inline-grid}.lay-mark{background:var(--bg);color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--accent)}.lay-mark-inline{color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-2)}.lay-mark{z-index:4;pointer-events:none;transition:opacity .3s}.lay-hatch{background:repeating-linear-gradient(-45deg, var(--line-2) 0 1px, transparent 1px 6px);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:0 4px 4px 0}.lay-hatch.is-accent{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent) 70%, transparent) 0 1px, transparent 1px 6px);box-shadow:inset 0 0 0 1px var(--accent)}.lay-range{accent-color:var(--accent);height:28px}.lay-grid{opacity:0;transition:opacity .3s var(--ease)}.lay-grid[data-on]{opacity:1}.lay-grid-gut{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent) 34%, transparent) 0 1px, transparent 1px 7px);box-shadow:inset 1px 0 0 color-mix(in srgb, var(--accent) 80%, transparent), inset -1px 0 0 color-mix(in srgb, var(--accent) 80%, transparent)}.lay-grid-col{border-left:1px dashed color-mix(in srgb, var(--fg) 45%, transparent);border-right:1px dashed color-mix(in srgb, var(--fg) 45%, transparent);background:color-mix(in srgb, var(--fg) 3%, transparent)}.lay-grid-col.is-main{border-color:color-mix(in srgb, var(--accent) 75%, transparent);background:0 0}.lay-grid-gap{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--fg) 14%, transparent) 0 1px, transparent 1px 7px)}.lay-grid-track{background:color-mix(in srgb, var(--accent) 7%, transparent);box-shadow:inset 1px 0 0 color-mix(in srgb, var(--accent) 35%, transparent), inset -1px 0 0 color-mix(in srgb, var(--accent) 35%, transparent)}.lay-grid-band{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent) 22%, transparent) 0 1px, transparent 1px 6px);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--accent) 70%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--accent) 70%, transparent)}.lay-grid-band b,.lay-grid-tag{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--fg);font:500 11px/1.2 var(--font-mono);white-space:nowrap;border-radius:4px;padding:3px 7px;position:absolute}.lay-grid-band b{top:50%;right:8px;transform:translateY(-50%)}.lay-grid-tag{font-family:var(--font-sans);font-weight:700;top:0}.lay-grid-tag.is-vert{writing-mode:vertical-rl;padding:7px 3px;top:34px;transform:translate(-50%)}.lay-grid-tag.is-accent{box-shadow:inset 0 0 0 1px var(--accent);font-family:var(--font-mono);font-weight:500}.lay-grid-scan{will-change:transform;height:0}.lay-grid-trail{background:linear-gradient(to bottom, #ff781400, #ff781452 55%, color-mix(in srgb, var(--accent) 62%, transparent));height:76px;position:absolute;bottom:0;left:0;right:0}.lay-grid-line{background:var(--accent);height:2px;box-shadow:0 0 12px var(--accent);position:absolute;top:-1px;left:0;right:0}@media (prefers-reduced-motion:reduce){.lay-dim-line,.lay-dim-label,.lay-guide,.lay-note-tag,.lay-curves,.lay-grow,.lay-plate,.lay-zlab,.lay-dt,.lay-dt-cell,.lay-dt-mark,.lay-dt-strike,.lay-grid{transition:none!important}}
@property --dvp{syntax:"<percentage>";inherits:true;initial-value:0%}#dev{--dv-dim:color-mix(in srgb, var(--fg) 40%, transparent);--dv-sine:cubic-bezier(.37, 0, .63, 1)}.dv-sq{background:var(--line-2);flex:none;width:6px;height:6px;display:inline-block}.dv-sq.on{background:var(--accent)}@keyframes dv-in{0%{opacity:0;translate:0 8px}}@keyframes dv-fade{0%{opacity:0}}@keyframes dv-grow-y{0%{transform:scaleY(0)}}@keyframes dv-grow-x{0%{transform:scaleX(0)}}@keyframes dv-ping{0%{background:var(--accent);box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent)}60%{box-shadow:0 0 0 6px #0000}}@keyframes dv-blink{50%{opacity:0}}.dv-map{grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:768px){.dv-map{grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr)}}.dv-tree{padding:16px 12px 16px 20px;position:relative}@media (min-width:768px){.dv-tree{border-right:1px solid var(--line)}}.dv-rows{margin:0;padding:0;list-style:none;position:relative}.dv-row{height:24px;animation:dv-in .7s var(--ease) both;animation-delay:calc(var(--i) * 45ms + .12s);position:relative}.dv-g1,.dv-g2,.dv-tk{pointer-events:none;background:var(--line-2);position:absolute}.dv-g1{transform-origin:top;width:1px;animation:dv-grow-y .5s var(--ease) both;animation-delay:calc(var(--i) * 45ms + .12s);top:0;bottom:0;left:5px}.dv-g2{transform-origin:top;width:1px;animation:dv-grow-y .5s var(--ease) both;animation-delay:calc(var(--i) * 45ms + .16s);top:0;bottom:0;left:31px}.dv-g1.half,.dv-g2.half{bottom:50%}.dv-tk{transform-origin:0;width:12px;height:1px;animation:dv-grow-x .45s var(--ease) both;animation-delay:calc(var(--i) * 45ms + .26s);top:50%}.dv-row[data-d="1"] .dv-tk{left:5px}.dv-row[data-d="2"] .dv-tk{left:31px}.dv-dir{height:24px;font:500 12px/1 var(--font-mono);color:var(--muted);align-items:center;padding-left:24px;display:flex}.dv-tab{width:100%;height:24px;font:500 12.5px/1 var(--font-mono);color:var(--fg-2);text-align:left;white-space:nowrap;border-radius:6px;align-items:center;gap:9px;padding:0 10px 0 24px;transition:color .25s,background-color .25s;display:flex;position:relative}.dv-row[data-d="2"] .dv-tab{padding-left:50px}.dv-tab:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 5%, transparent)}.dv-tab[aria-selected=true]{color:var(--bg);background:var(--fg)}.dv-tab .dv-sq{animation:dv-ping .9s var(--ease) forwards;animation-delay:calc(var(--i) * 45ms + .38s)}.dv-tab[aria-selected=true] .dv-sq{background:var(--bg)}.dv-tab-tag{text-overflow:ellipsis;min-width:0;font:400 12px/1 var(--font-sans);color:var(--muted);overflow:hidden}.dv-tab-n{font:500 11px/1 var(--font-mono);color:var(--muted);margin-left:auto;padding-left:8px}.dv-tab[aria-selected=true] .dv-tab-tag,.dv-tab[aria-selected=true] .dv-tab-n{color:color-mix(in srgb, var(--bg) 70%, transparent)}@media (max-width:1279px){.dv-tab-tag{display:none}}@media (max-width:767px){.dv-tree{border-bottom:1px solid var(--line);padding:12px 0 10px}.dv-dir,.dv-g1,.dv-g2,.dv-tk,.dv-tab-n{display:none}.dv-rows{scrollbar-width:none;scroll-snap-type:x proximity;gap:6px;padding:2px 16px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.dv-rows::-webkit-scrollbar{display:none}.dv-row{scroll-snap-align:start;flex:none;height:auto}.dv-row.is-dir{display:none}.dv-tab,.dv-row[data-d="2"] .dv-tab{height:36px;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:999px;padding:0 14px}.dv-tab[aria-selected=true]{box-shadow:inset 0 0 0 1px var(--fg)}.dv-tab:focus-visible{outline-offset:-2px}}.dv-panel{min-width:0;padding:18px clamp(18px,2.2vw,30px) 20px;position:relative}.dv-swap{animation:dv-swap .75s var(--ease) both;position:relative}.dv-swap:after{content:"";background:var(--accent);height:1px;box-shadow:0 0 10px var(--accent);opacity:0;animation:dv-swap-line .75s var(--ease) both;pointer-events:none;position:absolute;top:0;left:0;right:0}@keyframes dv-swap{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0 0 -40px)}}@keyframes dv-swap-line{0%{opacity:1;transform:translateY(0)}85%{opacity:.9}to{opacity:0;transform:translateY(var(--dv-h,360px))}}.dv-chip-in>*{animation:dv-in .6s var(--ease) both;animation-delay:calc(var(--i,0) * 35ms + .2s)}.dv-css{grid-template-columns:16px 30px minmax(0,1fr);margin-top:12px;display:grid;position:relative}.dv-strip{background:color-mix(in srgb, var(--fg) 4%, transparent);box-shadow:inset 0 0 0 1px var(--line);position:relative;overflow:hidden}.dv-band{background:var(--line-2);transition:background-color .25s;position:absolute;left:2px;right:2px}.dv-css[data-seen] .dv-band{animation:dv-band .9s var(--ease) forwards;animation-delay:var(--t)}@keyframes dv-band{0%{background:var(--accent)}}.dv-band.hot{background:var(--accent)!important}.dv-scan{pointer-events:none;position:absolute;inset:0;transform:translateY(-100%)}.dv-css[data-seen] .dv-scan{animation:dv-scan 2.8s var(--dv-sine) both}@keyframes dv-scan{0%{transform:translateY(0)}to{transform:translateY(calc(100% + 78px))}}.dv-scan-trail{background:linear-gradient(to bottom, #ff781400, #ff781473 55%, color-mix(in srgb, var(--accent) 82%, transparent));height:76px;position:absolute;bottom:100%;left:0;right:0}.dv-scan-line{background:var(--accent);height:2px;box-shadow:0 0 12px var(--accent);position:absolute;top:-1px;left:-2px;right:-2px}.dv-leads{position:absolute;inset:0;overflow:visible}.dv-leads path{fill:none;stroke:var(--line-2);stroke-width:1px;transition:stroke .25s}.dv-css[data-seen] .dv-leads path{stroke-dasharray:1;animation:dv-draw .8s var(--ease) both;animation-delay:var(--t)}@keyframes dv-draw{0%{stroke-dashoffset:1px;stroke:var(--accent)}60%{stroke:var(--accent)}}.dv-leads path.hot{stroke:var(--accent)}.dv-zones{margin:0;padding:0;list-style:none}.dv-zone{height:27px;color:var(--fg-2);border-radius:6px;grid-template-columns:62px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:0 10px;transition:background-color .25s,color .25s;display:grid;position:relative}.dv-css[data-seen] .dv-zone{animation:dv-zone .9s var(--ease) both;animation-delay:var(--t)}@keyframes dv-zone{0%{color:var(--dv-dim)}}.dv-zone:before{content:"";background:color-mix(in srgb, var(--accent) 13%, transparent);box-shadow:inset 2px 0 0 var(--accent);opacity:0;pointer-events:none;border-radius:6px;position:absolute;inset:0}.dv-css[data-seen] .dv-zone:before{animation:dv-zone-flash 1.1s var(--ease);animation-delay:var(--t)}@keyframes dv-zone-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.dv-css[data-seen] .dv-zone-ln{animation:dv-ln 1.1s var(--ease);animation-delay:var(--t)}@keyframes dv-ln{0%,30%{color:var(--accent)}}.dv-css:not([data-seen]) .dv-zone{color:var(--dv-dim)}.dv-zone:hover,.dv-zone:focus-visible{color:var(--fg);background:color-mix(in srgb, var(--fg) 3%, transparent)}.dv-zone-ln{font:500 11px/1 var(--font-mono);color:var(--muted);white-space:nowrap}.dv-zone-nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.dv-zone-pr{font:500 11px/1 var(--font-mono);color:var(--fg-2);white-space:nowrap;align-items:center;gap:3px;display:flex}.dv-zone-pr i{width:9px;height:9px;box-shadow:inset 0 0 0 1px var(--line-2);display:block}.dv-zone-to{min-width:64px;font:500 11px/1 var(--font-mono);color:var(--muted);white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.dv-zone-to b{font:400 12px/1 var(--font-sans)}.dv-zone:hover .dv-zone-to,.dv-zone:focus-visible .dv-zone-to{color:var(--accent)}.dv-zone-to span[aria-hidden]{transition:translate .35s var(--ease)}.dv-zone:hover .dv-zone-to span[aria-hidden]{translate:3px}@media (max-width:1279px){.dv-zone-to b{display:none}.dv-zone-to{min-width:34px}}.dv-zone-sn{display:none}@media (max-width:767px){.dv-css{grid-template-columns:10px minmax(0,1fr);column-gap:10px;margin-top:8px}.dv-leads-col,.dv-zone-pr,.dv-zone-to,.dv-zone-nm{display:none}.dv-zones{grid-template-rows:repeat(6,auto);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;column-gap:2px;display:grid}.dv-zone{grid-template-columns:46px minmax(0,1fr);gap:6px;height:24px;padding:0 3px 0 5px}.dv-zone-sn{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;display:block;overflow:hidden}}.dv-code{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);font:400 12px/1.75 var(--font-mono);color:var(--fg-2);white-space:pre;tab-size:2;border-radius:10px;margin:0;padding:14px 16px;overflow-x:auto}.dv-code b{color:var(--fg);font-weight:500}.dv-code em{color:var(--accent);font-style:normal}.dv-curve{position:relative;overflow:hidden}.dv-curve svg path.c{fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:260;animation:dv-curve-draw 1.4s var(--ease) both .25s}@keyframes dv-curve-draw{0%{stroke-dashoffset:260px}}.dv-curve.is-off svg path.c{stroke:var(--fg-2)}.dv-curve.is-off .dv-run i{background:var(--muted)}.dv-run{border-top:1px solid var(--line);height:14px;margin-top:12px;position:relative}.dv-run i{background:var(--accent);width:7px;height:7px;animation:1.6s .6s infinite alternate both dv-run;position:absolute;top:-4px;left:0}@keyframes dv-run{0%{left:0}to{left:calc(100% - 7px)}}[data-live="0"] .dv-run i,[data-live="0"] .dv-busy,[data-live="0"] .dv-pulse,[data-live="0"] .dv-st-dot,[data-live="0"] .dv-lock-sq.locked{animation-play-state:paused}.dv-ck{background:var(--bg-2);min-width:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;flex-direction:column;padding:16px 18px;display:flex;position:relative}.dv-ck-bar{background:var(--line);height:2px;position:absolute;top:0;left:18px;right:18px;overflow:hidden}.dv-ck-bar>i{background:var(--accent);transform-origin:0;transform:scaleX(var(--p,0));transition:transform .7s var(--ease);position:absolute;inset:0}.dv-ck-bar>b{background:linear-gradient(90deg, transparent, var(--accent));opacity:0;width:38%;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}[data-seen] .dv-ck-bar>b{animation:dv-ck-run .9s var(--dv-sine) both;animation-delay:calc(var(--i) * .11s + .35s)}@keyframes dv-ck-run{0%{opacity:1;transform:translate(-100%)}to{opacity:1;transform:translate(270%)}}.dv-ck-item{cursor:pointer;color:var(--fg-2);gap:10px;font-size:13px;line-height:1.6;transition:color .25s;display:flex}.dv-ck-item:hover{color:var(--fg)}.dv-ck-box{width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:4px;flex:none;margin-top:3px;transition:background-color .25s,box-shadow .25s;position:relative}.dv-ck-item:hover .dv-ck-box{box-shadow:inset 0 0 0 1px var(--fg-2)}.dv-ck-box svg{opacity:0;transition:opacity .2s, transform .4s var(--ease);position:absolute;inset:0;transform:scale(.4)}input:checked+.dv-ck-box{background:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}input:checked+.dv-ck-box svg{opacity:1;transform:none}input:checked~.dv-ck-t{color:var(--muted)}input:focus-visible+.dv-ck-box{outline:2px solid var(--accent);outline-offset:3px}.dv-lock{--g:calc(4px + (1 - var(--p,0)) * 26px);flex:none;width:84px;height:84px;position:relative}.dv-lock>i{border:0 solid var(--line-2);width:14px;height:14px;transition:inset .8s var(--ease), border-color .4s, top .8s var(--ease), left .8s var(--ease), right .8s var(--ease), bottom .8s var(--ease);position:absolute}.dv-lock>i:first-of-type{top:calc(var(--g) * .9);left:calc(var(--g) * .9);border-top-width:1.5px;border-left-width:1.5px}.dv-lock>i:nth-of-type(2){top:calc(var(--g) * .9);right:calc(var(--g) * .9);border-top-width:1.5px;border-right-width:1.5px}.dv-lock>i:nth-of-type(3){bottom:calc(var(--g) * .9);left:calc(var(--g) * .9);border-bottom-width:1.5px;border-left-width:1.5px}.dv-lock>i:nth-of-type(4){bottom:calc(var(--g) * .9);right:calc(var(--g) * .9);border-bottom-width:1.5px;border-right-width:1.5px}.dv-lock.done>i{border-color:var(--accent)}.dv-lock-sq{background:var(--accent);width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%}.dv-lock-sq.locked{animation:1.1s step-end infinite dv-blink}.dv-at{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.dv-at>*{min-width:0}.dv-at-h{border-bottom:1px solid var(--line);font:500 11px/1 var(--font-mono);letter-spacing:.04em;color:var(--muted);align-items:center;gap:8px;padding:10px 18px;display:flex}.dv-at-h+.dv-at-h,.dv-at-ear{border-left:1px solid var(--line)}.dv-at-eye,.dv-at-ear{padding:14px 18px}.dv-at-k{font:500 10.5px/1 var(--font-mono);color:var(--muted);margin-bottom:8px;display:block}.dv-at-probe{min-width:0;font:400 11.5px/1.4 var(--font-mono);color:var(--muted);align-items:center;gap:8px;margin-top:10px;display:flex}.dv-at-probe>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-2);overflow:hidden}.dv-at-say{color:var(--fg);text-wrap:balance;font-size:15px;font-weight:500;line-height:1.55;display:block}.dv-at-say:before{content:"“";color:var(--muted)}.dv-at-say:after{content:"”";color:var(--muted)}.dv-busy{animation:.5s step-end infinite dv-blink}@media (max-width:767px){.dv-at{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.dv-at-eye,.dv-at-ear{padding:8px 12px}.dv-at-h{display:none}.dv-at-k{margin-bottom:5px}.dv-at-probe{margin-top:5px}.dv-at-say{font-size:13.5px}}.dv-self li{border-bottom:1px solid var(--line);min-height:38px;animation:dv-in .6s var(--ease) both;animation-delay:calc(var(--i) * 70ms);grid-template-columns:14px minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:10px;padding:6px 18px;display:grid;position:relative}.dv-self li:last-child{border-bottom:0}@media (max-width:767px){.dv-self li{gap:8px;min-height:29px;padding:4px 12px}}.dv-self-st{width:9px;height:9px;box-shadow:inset 0 0 0 1px var(--line-2);display:block}.dv-self-st.pass{width:11px;height:11px;color:var(--fg-2);box-shadow:none}.dv-self-st.pass svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:100%;height:100%;display:block}.dv-self-st.fail{box-shadow:inset 0 0 0 1.5px var(--accent)}.dv-self-st.info{background:var(--muted);box-shadow:none}[data-seen] .dv-self-st.wait{animation:.4s step-end infinite dv-blink}.dv-self-scan{background:var(--accent);height:2px;box-shadow:0 0 12px var(--accent);opacity:0;pointer-events:none;position:absolute;top:0;left:0;right:0}[data-seen]>.dv-self-scan{animation:dv-self-scan 1.2s var(--dv-sine) both}@keyframes dv-self-scan{0%{opacity:1;top:0}92%{opacity:1}to{opacity:0;top:100%}}.dv-pipe{grid-template-columns:repeat(4,minmax(0,1fr));padding:26px 18px 18px;display:grid;position:relative}.dv-pipe-line{background:var(--line-2);transform-origin:0;height:1px;position:absolute;top:26px;left:18px;right:18px}[data-seen] .dv-pipe-line{animation:dv-grow-x 1.1s var(--ease) both}.dv-pulse{top:-4px;left:var(--dvp);background:var(--accent);width:9px;height:9px;box-shadow:0 0 12px var(--accent);opacity:0;margin-left:-4px;position:absolute}[data-seen] .dv-pulse{animation:4.4s 1s infinite both dv-hop}@keyframes dv-hop{0%{--dvp:0%;opacity:0}4%{--dvp:0%;opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}22%{--dvp:25%}30%{--dvp:25%;animation-timing-function:cubic-bezier(.65,0,.35,1)}48%{--dvp:50%}56%{--dvp:50%;animation-timing-function:cubic-bezier(.65,0,.35,1)}74%{--dvp:75%;opacity:1}90%{--dvp:75%;opacity:1}to{--dvp:75%;opacity:0}}.dv-st{min-width:0;padding:18px 16px 0 0;position:relative}.dv-st-dot{background:var(--bg-2);width:9px;height:9px;box-shadow:inset 0 0 0 1px var(--line-2);margin-left:-4px;position:absolute;top:-4px;left:0}[data-seen] .dv-st-dot{animation:4.4s infinite dv-st;animation-delay:calc(1s + var(--d))}@keyframes dv-st{0%,10%{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent)}24%,to{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}}@media (prefers-reduced-motion:reduce){.dv-pulse,.dv-run i,.dv-scan{display:none}.dv-st-dot{animation:none}}.dv-end-card{background:var(--bg-2);min-width:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;flex-direction:column;padding:22px 22px 20px;display:flex;position:relative}.dv-end-card:before{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .7s var(--ease);position:absolute;top:0;left:22px;right:22px;transform:scaleX(0)}.dv-end-card:focus-within:before{transform:scaleX(1)}.dv-close{text-align:center;flex-direction:column;align-items:center;padding:clamp(24px,2.6vw,40px) 16px clamp(8px,1vw,16px);display:flex;position:relative;overflow:hidden}.dv-close:before{content:"";background-image:radial-gradient(circle, var(--line-2) 1px, transparent 1.4px);pointer-events:none;background-position:50%;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 50% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(60% 70% at 50% 45%,#000 20%,#0000 75%)}.dv-close>*{position:relative}.dv-target{aspect-ratio:1;width:clamp(72px,6.6vw,104px);position:relative}.dv-target>i{border:0 solid var(--fg);opacity:0;width:clamp(12px,22%,16px);height:clamp(12px,22%,16px);position:absolute}.dv-target>i:first-of-type{--x:-260%;--y:-180%;border-top-width:1.5px;border-left-width:1.5px;top:0;left:0}.dv-target>i:nth-of-type(2){--x:260%;--y:-180%;border-top-width:1.5px;border-right-width:1.5px;top:0;right:0}.dv-target>i:nth-of-type(3){--x:-260%;--y:180%;border-bottom-width:1.5px;border-left-width:1.5px;bottom:0;left:0}.dv-target>i:nth-of-type(4){--x:260%;--y:180%;border-bottom-width:1.5px;border-right-width:1.5px;bottom:0;right:0}[data-seen] .dv-target>i{animation:dv-fly 1.1s var(--ease) both;animation-delay:calc(.7s + var(--k) * 60ms)}@keyframes dv-fly{0%{opacity:0;translate:var(--x) var(--y)}to{opacity:1;translate:0}}.dv-target-sq{background:var(--accent);opacity:0;position:absolute;inset:34%}[data-seen] .dv-target-sq{animation:.5s steps(3,end) .3s both dv-pop,1.1s step-end 2.1s infinite dv-blink}@keyframes dv-pop{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}.dv-target-ring{box-shadow:0 0 0 1px var(--accent);opacity:0;position:absolute;inset:34%}[data-seen] .dv-target-ring{animation:dv-ring .9s var(--ease) both 1.55s}@keyframes dv-ring{0%{opacity:1;inset:34%}to{opacity:0;inset:-30%}}[data-live="0"] .dv-target-sq{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.dv-target>i,.dv-target-sq{opacity:1}#dev *,#dev :before,#dev :after{animation-delay:0s!important}}@media (max-width:767px){.dv-panel{padding:14px 18px 16px}.dv-pipe{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;padding:18px 14px 16px}.dv-pipe-line,.dv-st-out,.dv-st-sub{display:none}.dv-st{padding:0 0 0 14px}.dv-st-dot{top:5px;left:0}.dv-close{padding:10px 0 4px}.dv-target{width:44px}}.dv-close .dv-close-sig{animation:none}.dv-close[data-seen] .dv-close-sig{animation:1.1s step-end 2.1s infinite dv-blink}[data-live="0"] .dv-close-sig{animation-play-state:paused}
