/* Login illustration only. Real PDF pages and existing lightweight WebP fittings. */
.auth-manual-stage{position:relative;isolation:isolate;width:100%;height:360px;margin:22px 0 12px;background:none;border:0;perspective:1200px}
.auth-manual-float{position:absolute;width:350px;height:248px;left:50%;top:48px;margin-left:-175px;perspective:1100px;animation:auth-book-float 8s ease-in-out infinite alternate;pointer-events:none}
.auth-manual-book{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(24deg) rotateY(-12deg) rotateZ(-5deg);filter:drop-shadow(12px 24px 15px #553c2527)}
.auth-manual-board,.auth-manual-leaf,.auth-leaf-front,.auth-leaf-back{position:absolute;width:50%;height:100%;box-sizing:border-box;transform-style:preserve-3d;border-radius:3px;background:#fff}
.auth-manual-board{box-shadow:0 2px 0 #e4dece,0 4px 0 #f7f3e8,0 6px 0 #8a6545;overflow:hidden}
.auth-manual-left{left:0;transform:rotateY(12deg);transform-origin:right center}
.auth-manual-right{left:50%;transform:rotateY(-9deg);transform-origin:left center}
.auth-manual-leaf{left:50%;transform-origin:left center;animation:auth-book-page 12s ease-in-out infinite;transform:rotateY(-12deg);background:none}
.auth-leaf-front,.auth-leaf-back{width:100%;backface-visibility:hidden;box-shadow:1px 2px 2px #48361b20}
.auth-leaf-back{transform:rotateY(180deg)}
.auth-manual-stage img.auth-page{display:block;width:100%;height:100%;object-fit:contain;border-radius:3px}
.auth-manual-board:after,.auth-leaf-front:after,.auth-leaf-back:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#5944201c,transparent 17%);pointer-events:none}
.auth-manual-left:after{background:linear-gradient(270deg,#59442025,transparent 17%)}
.auth-fitting{position:absolute;width:var(--size,70px);height:var(--size,70px);object-fit:contain;pointer-events:none;user-select:none;opacity:var(--opacity,.65);rotate:var(--angle,0deg);filter:blur(var(--blur,0px)) drop-shadow(6px 12px 7px #51382024);animation:auth-fitting-float 10s ease-in-out infinite alternate;animation-delay:var(--delay,0s)}
.auth-fit-screw{left:4px;top:25px;--size:66px;--angle:28deg;--blur:1px;--opacity:.5}
.auth-fit-minifix{right:10px;top:2px;--size:74px;--angle:-28deg;--delay:-4s}
.auth-fit-dowel{left:13px;bottom:18px;--size:72px;--angle:35deg;--blur:1.3px;--delay:-7s}
.auth-fit-bracket{right:10px;bottom:8px;--size:80px;--angle:-18deg;--delay:-2s}
.auth-login-art .intro{position:relative}
.auth-fit-top{right:8px;top:32px;--size:57px;--angle:38deg;--opacity:.36;--blur:1.2px;--delay:-6s}
.auth-login-art .auth-art-toggle{display:block;width:fit-content;margin:0 0 22px;padding:6px 10px;border:1px solid var(--fs-line);border-radius:20px;background:transparent;color:var(--fs-muted);font:inherit;font-size:11px;cursor:pointer;min-height:32px}
.auth-login-art .auth-art-toggle:focus-visible{outline:2px solid var(--fs-accent);outline-offset:3px}
.auth-login-art[data-art-running=false] .auth-manual-float,.auth-login-art[data-art-running=false] .auth-manual-leaf,.auth-login-art[data-art-running=false] .auth-fitting{animation-play-state:paused}
@keyframes auth-book-float{from{translate:0 0}to{translate:0 -8px}}
@keyframes auth-book-page{0%,18%,100%{transform:rotateY(-12deg)}48%,66%{transform:rotateY(-151deg)}}
@keyframes auth-fitting-float{from{translate:0 -4px}to{translate:2px 5px}}
@media(min-width:761px) and (max-width:1100px){.auth-manual-float{width:290px;height:205px;margin-left:-145px;top:58px}.auth-manual-stage{height:330px}.auth-fit-top{display:none}.auth-fit-bracket{--size:65px}}
@media(max-width:760px){.auth-login-art .intro{padding-bottom:20px}.auth-manual-stage{height:255px;margin:8px 0}.auth-manual-float{width:270px;height:191px;margin-left:-135px;top:27px}.auth-fitting{--size:48px}.auth-fit-top,.auth-fit-dowel{display:none}.auth-fit-screw{left:0;top:4px;--size:44px}.auth-fit-minifix{right:0;top:0;--size:46px}.auth-fit-bracket{right:5px;bottom:0;--size:50px}.auth-login-art .auth-art-toggle{margin:0 0 12px}}
@media(max-width:360px){.auth-manual-float{width:230px;height:163px;margin-left:-115px}.auth-manual-stage{height:230px}}
@media(prefers-reduced-motion:reduce){.auth-manual-float,.auth-manual-leaf,.auth-fitting{animation:none!important}.auth-manual-leaf{transform:rotateY(-130deg)}}