.pw{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface-raised);box-shadow:var(--shadow-soft);overflow:hidden}.pw__bar{align-items:center;gap:var(--s-2);height:2.5rem;padding-inline:var(--s-4);border-bottom:1px solid var(--line);font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);color:var(--ink);display:flex}.pw__title,.pw__caption{animation:pw-text var(--dur-3) var(--ease-out) both}@keyframes pw-text{0%{opacity:0;transform:translateY(3px)}}.pw__path{color:var(--ink-3);margin-left:auto;font-size:.6875rem}.pw__stage{background:var(--surface-subtle);height:17rem;position:relative;overflow:hidden}@media (width<=39.99rem){.pw__stage{height:14rem}}.pw__foot{justify-content:space-between;align-items:center;gap:var(--s-4);height:3rem;padding-inline:var(--s-4) var(--s-2);border-top:1px solid var(--line);font-size:var(--fs-label);color:var(--ink-2);display:flex}.pw__dots{display:flex}.pw__dot{border-radius:var(--r-sm);background:0 0;border:0;place-items:center;width:2rem;height:2rem;padding:0;display:grid}.pw__dot-track{border-radius:var(--r-pill);background:var(--line-strong);width:6px;height:6px;transition:width var(--dur-3) var(--ease-out), background-color var(--dur-2) var(--ease-std);display:block;position:relative;overflow:hidden}.pw__dot:hover .pw__dot-track{background:var(--ink-4)}.pw__dot[aria-pressed=true] .pw__dot-track{background:var(--line-strong);width:22px}.pw__dot-fill{background:var(--action);transform-origin:0;position:absolute;inset:0;transform:scaleX(1)}.pw[data-running=true] .pw__dot-fill{animation:dot-fill var(--dur) linear both}@keyframes dot-fill{0%{transform:scaleX(0)}}.scene{position:absolute;inset:0}.sheet{border:1px solid var(--line-strong);background:var(--surface-raised);width:3.75rem;height:4.875rem;box-shadow:var(--shadow-sm);border-radius:6px;padding:10px 9px;position:absolute}.sheet__lines{gap:5px;display:grid}.sheet__lines i{background:var(--line-strong);border-radius:2px;height:3px;display:block}.sheet__lines i:first-child{background:var(--ink-4);width:64%}.sheet__lines i:nth-child(3){width:82%}.sheet__lines i:nth-child(4){width:52%}.sheet__tag{font-size:.5625rem;font-weight:var(--fw-medium);color:var(--ink-3);position:absolute;bottom:7px;left:8px}.sheet__num{color:var(--ink-3);font-size:.625rem;position:absolute;bottom:6px;right:7px}.scene__result{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-raised);font-size:.75rem;font-weight:var(--fw-semibold);color:var(--ink);white-space:nowrap;box-shadow:var(--shadow-hover);animation:result-in .42s var(--ease-out) 1.85s both;align-items:center;gap:6px;padding:6px 10px;display:inline-flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.scene__result svg{color:var(--success)}@keyframes result-in{0%{opacity:0;transform:translate(-50%,6px)}}.scene-merge__page,.scene-split__page{top:38%;left:50%;translate:-50% -50%}.scene-merge__page{transform:translateX(calc(var(--n) * 5.5rem));animation:merge .9s var(--ease-in-out) .65s both}.scene-merge__page:first-child{z-index:3}.scene-merge__page:nth-child(2){z-index:2}@keyframes merge{to{transform:translate(calc(var(--n) * 5px), calc(var(--n) * -5px))}}.scene-split__page{transform:translate(calc(var(--n) * 5px), calc(var(--n) * -5px));animation:split .9s var(--ease-in-out) .65s both}@keyframes split{to{transform:translateX(calc(var(--n) * 5.5rem))}}.scene-rotate__page{top:38%;translate:-50% -50%}.scene-rotate__page:first-child{left:calc(50% - 5.5rem)}.scene-rotate__page:nth-child(2){left:50%}.scene-rotate__page:nth-child(3){left:calc(50% + 5.5rem)}.scene-rotate__page--turn{border-color:var(--ink);animation:rotate-page .9s var(--ease-in-out) .7s both}@keyframes rotate-page{0%{transform:rotate(-90deg)}}.scene-rotate__badge{font-size:.6875rem;font-weight:var(--fw-bold);color:var(--ink);animation:result-in .3s var(--ease-out) .5s both;align-items:center;gap:4px;display:inline-flex;position:absolute;top:calc(38% - 4.5rem);left:50%;transform:translate(-50%)}.scene-compress{place-items:center;display:grid}.cmp{width:min(20rem,84%);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-raised);box-shadow:var(--shadow-hover);font-size:.75rem;position:relative}.cmp__file{align-items:center;gap:var(--s-2);margin-bottom:var(--s-4);color:var(--ink);font-size:.8125rem;display:flex}.cmp__tag{background:var(--action);color:var(--on-action);font-size:.625rem;font-weight:var(--fw-medium);border-radius:3px;padding:2px 5px}.cmp__row{align-items:center;gap:var(--s-3);color:var(--ink-3);grid-template-columns:5.25rem 1fr 3.75rem;display:grid}.cmp__row+.cmp__row{margin-top:var(--s-2)}.cmp__bar{border-radius:var(--r-pill);background:var(--sunken);height:6px;overflow:hidden}.cmp__bar i{border-radius:inherit;background:var(--line-strong);height:100%;display:block}.cmp__row--result{color:var(--ink)}.cmp__row--result .cmp__bar i{background:var(--action)}.cmp__size{text-align:right}.cmp__badge{top:var(--s-4);right:var(--s-4);border-radius:var(--r-xs);background:var(--success-soft);color:var(--success);font-size:.6875rem;font-weight:var(--fw-bold);opacity:0;transition:opacity var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out);padding:2px 6px;position:absolute;transform:translateY(3px)}.cmp__badge[data-show=true]{opacity:1;transform:none}.pw[data-astro-cid-ruc7y5lz]{margin:0}.pw__path[data-astro-cid-ruc7y5lz]{font-family:var(--font-mono)}.pw__stage[data-astro-cid-ruc7y5lz] [data-astro-cid-ruc7y5lz][hidden],.pw__dot-fill[data-astro-cid-ruc7y5lz][hidden]{display:none!important}.pw__caption[data-astro-cid-ruc7y5lz]{font-size:12px}.pw__dot[data-astro-cid-ruc7y5lz]{cursor:pointer}.pw__dot[data-astro-cid-ruc7y5lz]:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.pw__stage[data-astro-cid-ruc7y5lz] [data-astro-cid-ruc7y5lz][data-preview-scene]{animation-play-state:inherit}.pw[data-astro-cid-ruc7y5lz][data-running=false] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.pw[data-astro-cid-ruc7y5lz][data-running=false] *{animation-duration:1ms!important;animation-iteration-count:1!important;animation-play-state:running!important;animation-delay:0s!important}.pw[data-astro-cid-ruc7y5lz] .scene__result{opacity:1;transform:none}}@media (width<=400px){.pw__path[data-astro-cid-ruc7y5lz]{display:none}.pw__foot[data-astro-cid-ruc7y5lz]{gap:4px;padding-inline:12px 4px}.pw__caption[data-astro-cid-ruc7y5lz]{font-size:11px}}.home-hero__title[data-astro-cid-wlay32cc]>span[data-astro-cid-wlay32cc]{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:hidden}