/* Shared Selzenn controls. Artwork and navigation retain their own hierarchy. */
:root{--sz-control-radius:999px;--sz-control-height:46px;--sz-control-ink:#4a3158;--sz-control-line:#cdb8db;--sz-control-fill:#eadcf2;--sz-image-duration:280ms}
.brush-button{position:relative!important;isolation:isolate;overflow:hidden!important;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:var(--sz-control-height);padding:12px 22px!important;border:1px solid var(--sz-control-line)!important;border-radius:var(--sz-control-radius)!important;text-decoration:none!important;line-height:1.4;vertical-align:middle;transition:background-color 180ms,color 180ms,border-color 180ms}
.brush-button .cta-brush{position:absolute!important;inset:0;width:100%;height:100%;pointer-events:none;border-radius:inherit;z-index:0;opacity:.8;transition:opacity 180ms}
.brush-button .cta-brush-label,.brush-button .cta-brush-part{position:relative;z-index:1;pointer-events:none}
.brush-button:not(.cta-brushing):not(:focus-visible) .cta-brush{opacity:0}
.brush-button:focus-visible{outline:2px solid #76528e;outline-offset:4px;background:#e5d3ee}
.brush-button:active{background:#dac2e9}
.btn,.google-btn,.nav-account,button:not(.six-film-play):not(.six-film-close),.auth-mode a{border-radius:var(--sz-control-radius)}
.brush-button:disabled,.brush-button[aria-disabled=true]{cursor:not-allowed;opacity:.55}
/* Each card keeps its composition; every screenshot receives the same response. */
.six-tool-image{--card-angle:-8deg;--hover-rotate:0deg;--hover-x:0px;--hover-y:0px;--hover-scale:1}
.six-tool-grid article:nth-child(2) .six-tool-image{--card-angle:8deg}
.six-tool-grid article:nth-child(3) .six-tool-image{--card-angle:-4deg}
body .six-tool-grid article .six-tool-image>img:not(.six-tool-icon){transform:translate3d(var(--hover-x),var(--hover-y),0) rotate(calc(var(--card-angle) + var(--hover-rotate))) scale(var(--hover-scale))!important;transition:transform var(--sz-image-duration) ease-out}
.sz-image-hover>img:not(.six-tool-icon),.sz-image-hover>figure>img{translate:var(--hover-x,0px) var(--hover-y,0px);rotate:var(--hover-rotate,0deg);transition:translate var(--sz-image-duration) ease-out,rotate var(--sz-image-duration) ease-out}
.six-tool-image.sz-image-hover>img{translate:none;rotate:none}
/* A compact editorial contents rail instead of a stack of rounded pills. */
.paper-guide .guide-jump{grid-row:1 / span 20;gap:0;padding-right:22px;border-right:1px solid #d8c6e2}
.paper-guide .guide-jump:before{content:'PANDUAN';font:11px/1.5 monospace;letter-spacing:.12em;color:#765b84;margin-bottom:16px}
html[lang=en] .paper-guide .guide-jump:before{content:'CONTENTS'}
.paper-guide .guide-jump a{justify-content:space-between;gap:18px;min-height:56px;border:0!important;border-radius:0!important;border-bottom:1px solid #e0d1e8!important;background:transparent;padding:15px 8px 15px 0!important;font-size:14px;line-height:1.5}
.paper-guide .guide-jump a>span:last-child{opacity:0;translate:-5px 0;transition:opacity 180ms,translate 180ms}
.paper-guide .guide-jump a:hover,.paper-guide .guide-jump a[aria-current=location]{background:transparent;color:#4a3158;font-weight:600}
.paper-guide .guide-jump a:hover>span:last-child,.paper-guide .guide-jump a[aria-current=location]>span:last-child{opacity:1;translate:0 0}
.paper-guide .guide-chapter{grid-template-columns:minmax(0,1fr);gap:0;padding:44px 0 56px;scroll-margin-top:115px}
.paper-guide .guide-chapter>.page-index{display:none}
.paper-guide .guide-chapter h2{font-size:clamp(28px,3vw,44px);line-height:1.15}
.paper-guide .guide-chapter>div>a{border:1px solid var(--sz-control-line);border-radius:999px;padding:12px 22px}
/* Login: quiet artwork, one action, no technical implementation copy. */
.paper-auth .studio-auth{align-items:center;gap:clamp(36px,6vw,100px);padding-top:55px;padding-bottom:75px;min-height:calc(100svh - 85px)}
.paper-auth .studio-auth h1{font-size:clamp(46px,5.8vw,82px);line-height:1.02;letter-spacing:-.055em;margin:24px 0}
.paper-auth .studio-auth>div:first-child>p{font-size:18px;line-height:1.6;margin-bottom:24px}
.paper-auth-art{transform:none;max-width:420px;margin:24px 0 0;aspect-ratio:1;overflow:hidden;border-radius:28px;background:#eee5f4}
.paper-auth-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;animation:sz-login-breathe 7s ease-in-out infinite}
.paper-auth .studio-auth-panel{border-radius:28px;padding:36px;background:#f6f0f9;border:1px solid #d8c6e2;box-shadow:0 16px 60px #4a315808}
.paper-auth .studio-auth-panel h2{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:30px 0 14px}
.paper-auth .studio-auth-panel>p{font-size:16px;line-height:1.7}
.paper-auth .auth-mode{display:flex;gap:8px;padding:5px;border-radius:999px;border:1px solid #dfd0e7}
.paper-auth .auth-mode a{flex:1;text-align:center;border:0;min-height:44px;padding:12px}
.paper-auth .auth-mode a[aria-current=page]{background:#e5d5ee}
.paper-auth .google-btn{width:100%;min-height:54px;margin:18px 0;color:#4a3158;background:#e6d7ef;font-size:15px;font-weight:500}
.paper-auth .auth-legal{justify-content:center;gap:24px;margin-top:18px}
@keyframes sz-login-breathe{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-7px) rotate(.6deg)}}
@media(hover:none),(pointer:coarse){.six-tool-image{--hover-x:0px!important;--hover-y:0px!important;--hover-rotate:0deg!important;--hover-scale:1!important}.sz-image-hover>img{translate:none;rotate:none}}
@media(max-width:800px){.paper-guide .guide-jump{border-right:0;border-top:1px solid #d8c6e2;border-bottom:1px solid #d8c6e2;padding:16px 0 8px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;grid-row:auto}.paper-guide .guide-jump:before{grid-column:1/-1}.paper-guide .guide-jump a{font-size:13px;min-height:60px}.paper-guide .guide-chapter{grid-column:1}.paper-auth .studio-auth{padding-top:30px;gap:24px}.paper-auth .studio-auth h1{font-size:52px}.paper-auth-art{max-width:280px;margin:24px auto 0}.paper-auth .studio-auth-panel{padding:26px 22px}.brush-button{max-width:100%;white-space:normal}}
@media(prefers-reduced-motion:reduce){.paper-auth-art img{animation:none}.sz-image-hover>img,.sz-image-hover>figure>img{translate:none!important;rotate:none!important}.six-tool-image{--hover-x:0px!important;--hover-y:0px!important;--hover-rotate:0deg!important;--hover-scale:1!important}.cta-brush{display:none}.brush-button:hover,.brush-button:focus-visible{background:#e5d3ee}.paper-guide .guide-jump a>span:last-child{transition:none}}

.paper-auth .paper-support-bar{display:none}
.paper-auth .studio-auth{padding-top:32px;padding-bottom:48px}
.paper-auth .studio-auth h1{font-size:clamp(44px,4.5vw,64px);margin:18px 0}
.paper-auth .studio-auth>div:first-child>p{font-size:16px;margin-bottom:18px}
.paper-auth-art{max-width:300px;margin-top:20px}
.paper-auth .auth-mode a[aria-current=page]{color:#4a3158}