.bpp .stepno{display:inline-block;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--primary));margin-bottom:12px}.bpp .stepno:before{content:"";display:inline-block;width:22px;height:1.5px;background:hsl(var(--primary));margin-right:9px;vertical-align:4px}.bpp .scene{background:#fdfcf9;border:1px solid #dcd6c9;border-radius:16px;padding:24px;box-shadow:0 2px 5px rgba(32,40,31,.04),0 14px 34px rgba(32,40,31,.08);background-image:radial-gradient(#e8e2d2 1px,transparent 1.4px);background-size:14px 14px;opacity:0;transform:translateY(14px)}.bpp .scene.in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.22,.8,.26,1)}.bpp .scene svg{width:100%;height:auto;display:block}.bpp .toolshow{display:grid;grid-template-columns:250px 1fr;gap:26px;align-items:stretch;opacity:0;transform:translateY(14px)}.bpp .toolshow.in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.22,.8,.26,1)}.bpp .toollist{display:flex;flex-direction:column;gap:5px}.bpp .ttab{appearance:none;background:transparent;border:1px solid transparent;border-radius:11px;padding:11px 14px;text-align:left;cursor:pointer;font:inherit;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.bpp .ttab b{display:block;font-size:14.5px;font-weight:650;color:hsl(var(--foreground));transition:color .2s ease}.bpp .ttab span{display:block;font-size:12px;color:hsl(var(--muted-foreground));margin-top:1px}.bpp .ttab.active,.bpp .ttab:hover{background:hsl(var(--card))}.bpp .ttab.active{border-color:hsl(var(--border));box-shadow:0 6px 18px rgba(32,40,31,.07)}.bpp .ttab.active b{color:hsl(var(--primary))}.bpp .ttab:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.bpp .tstage{background:#fdfcf9;border:1px solid #dcd6c9;border-radius:16px;padding:18px 18px 14px;box-shadow:0 2px 5px rgba(32,40,31,.04),0 14px 34px rgba(32,40,31,.08);background-image:radial-gradient(#e8e2d2 1px,transparent 1.4px);background-size:14px 14px;display:flex;flex-direction:column}.bpp .tart{width:100%;height:auto;display:block}.bpp .tdetail{margin:12px 8px 4px;font-size:13px;color:#4e5a4c;line-height:1.6;min-height:42px;animation:bpp-fadein .4s ease}.bpp .unfold{appearance:none;background:none;border:0;margin:0;cursor:pointer;font:inherit;font-size:14.5px;color:hsl(var(--foreground));display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:left;width:100%;padding:13px 0;border-bottom:1px solid hsl(var(--border))}.bpp .unfold b{font-weight:650;transition:color .2s ease}.bpp .unfold:hover b{color:hsl(var(--primary))}.bpp .unfold i{width:7px;height:7px;border-right:1.8px solid hsl(var(--primary));border-bottom:1.8px solid hsl(var(--primary));transform:rotate(45deg);transition:transform .22s ease;flex:none;margin-top:-3px}.bpp .unfold:hover i{transform:rotate(45deg) translate(1.5px,1.5px)}.bpp .unfold[aria-expanded=true] i{transform:rotate(-135deg);margin-top:2px}.bpp .unfold:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px;border-radius:4px}.bpp .panel{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.22,.9,.36,1)}.bpp .panel p{margin:0;padding:2px 0 14px;max-width:52ch;font-size:13px;color:hsl(var(--muted-foreground));line-height:1.6;opacity:0;transform:translateY(-4px);transition:opacity .3s ease .1s,transform .3s ease .1s}.bpp .panel.open p{opacity:1;transform:none}.bpp .flist{margin-bottom:14px}.bpp .fine{font-size:12.5px;color:hsl(var(--muted-foreground));font-style:italic}.bpp .fd,.bpp .pop,.bpp .pp{opacity:0}.bpp .scene.in .pp,.bpp .tart.play .pp{animation:bpp-pop .5s cubic-bezier(.22,.8,.26,1) both}.bpp .scene.in .fd,.bpp .tart.play .fd{animation:bpp-fadein .5s ease both}.bpp .scene.in .pop{animation:bpp-pop .55s cubic-bezier(.22,.8,.26,1) both}.bpp .scene .dr2,.bpp .tart .dr2{stroke-dasharray:340;stroke-dashoffset:340}.bpp .scene.in .dr2,.bpp .tart.play .dr2{animation:bpp-dash .8s ease both}.bpp .tart .rdash{stroke-dashoffset:120}.bpp .tart.play .rdash{animation:bpp-dash 1s ease both}.bpp .bar,.bpp .drop2,.bpp .focusring,.bpp .knob,.bpp .pop,.bpp .pp,.bpp .ring,.bpp .ring1,.bpp .spin{transform-box:fill-box;transform-origin:center}.bpp .bar{transform-origin:center bottom;opacity:0}.bpp .tart.play .bar{animation:bpp-pop .5s cubic-bezier(.22,.8,.26,1) both}.bpp .drop2{opacity:0}.bpp .tart.play .drop2{animation:bpp-dropin .5s cubic-bezier(.22,.8,.26,1) both}.bpp .scene .ring1,.bpp .tart .ring1{opacity:0;fill:none}.bpp .tart.play .ring1{animation:bpp-ringx 1.4s ease-out both}.bpp .scene.in .ring1{animation:bpp-ringx 1.6s ease-out both}.bpp .tart.play .scan{animation:bpp-scan 3.2s ease-in-out infinite}.bpp .tart.play .wv2 rect{animation:bpp-bob 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.bpp .tart.play .wv2 rect:nth-child(2){animation-delay:.13s}.bpp .tart.play .wv2 rect:nth-child(3){animation-delay:.26s}.bpp .tart.play .wv2 rect:nth-child(4){animation-delay:.39s}.bpp .tart.play .wv2 rect:nth-child(5){animation-delay:.52s}.bpp .tart.play .wv2 rect:nth-child(6){animation-delay:.65s}.bpp .scene.in .spin{animation:bpp-spin 26s linear infinite}.bpp .ring{opacity:0;fill:none;stroke:#9c7ba8;stroke-width:1.5}.bpp .scene.in .ring{animation:bpp-ringx 3.6s ease-out infinite}.bpp .scene.in .ring.r2{animation-delay:1.8s}.bpp .scene.in .wave3 rect{animation:bpp-bob 1.9s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.bpp .scene.in .wave3 rect:nth-child(2){animation-delay:.14s}.bpp .scene.in .wave3 rect:nth-child(3){animation-delay:.28s}.bpp .scene.in .wave3 rect:nth-child(4){animation-delay:.42s}.bpp .scene.in .wave3 rect:nth-child(5){animation-delay:.56s}.bpp .scene.in .wave3 rect:nth-child(6){animation-delay:.7s}.bpp .scene.in .wave3 rect:nth-child(7){animation-delay:.84s}.bpp .scene.in .glow{animation:bpp-glow 2.8s ease-in-out 2s infinite}.bpp .scene.in .knob{animation:bpp-knobx .35s ease .6s both}.bpp .focusring{opacity:0;stroke:#387033;stroke-width:1.5}.bpp .scene.in .focusring{animation:bpp-ringx 4.2s ease-out 1.8s infinite}@keyframes bpp-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes bpp-fadein{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes bpp-dash{to{stroke-dashoffset:0}}@keyframes bpp-ringx{0%{opacity:.5;transform:scale(.94)}to{opacity:0;transform:scale(1.3)}}@keyframes bpp-spin{to{transform:rotate(1turn)}}@keyframes bpp-bob{0%,to{transform:scaleY(1)}50%{transform:scaleY(.6)}}@keyframes bpp-glow{0%,to{opacity:1}50%{opacity:.55}}@keyframes bpp-scan{0%,to{transform:translateY(-16px)}50%{transform:translateY(16px)}}@keyframes bpp-dropin{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes bpp-knobx{to{transform:translateX(16px)}}@media (max-width:860px){.bpp .toolshow{grid-template-columns:1fr}.bpp .toollist{flex-direction:row;overflow-x:auto;padding-bottom:8px}.bpp .ttab{flex:0 0 auto}.bpp .ttab span{display:none}}@media (prefers-reduced-motion:reduce){.bpp .scene,.bpp .toolshow{opacity:1!important;transform:none!important;transition:none!important}.bpp .scene *,.bpp .tart *{animation:none!important;stroke-dashoffset:0!important;opacity:1!important;transform:none!important}.bpp .focusring,.bpp .ring,.bpp .ring1,.bpp .scan{display:none!important}.bpp .knob{transform:translateX(16px)!important}.bpp .panel,.bpp .panel p{transition:none}.bpp .tdetail{animation:none}}.bpp .tournav-list{scrollbar-width:none}.bpp .tournav-list::-webkit-scrollbar{display:none}