.png-guide{max-width:920px;padding-block:32px}.png-guide h2{font-size:27px;letter-spacing:-.6px;margin:28px 0 12px}.png-guide p,.png-guide li{color:var(--muted);line-height:1.8}.png-guide a{text-decoration:underline;color:var(--blue)}.png-guide li{margin-block:12px}.png-guide details{border-bottom:1px solid var(--line);padding:16px 0}.png-guide summary{font-weight:600;cursor:pointer}.png-batch{border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:16px;background:var(--soft);font-size:13px}.png-batch p{margin:0 0 8px}.png-batch .button{white-space:normal}#pixel-estimate{border-left:3px solid var(--blue);padding-left:10px}.result-card .button{margin-top:6px}#png-zoom{width:min(1100px,94vw);max-height:92vh;border:1px solid var(--line);border-radius:12px;padding:20px;color:var(--ink)}#png-zoom::backdrop{background:#14203dc2}.zoom-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.zoom-toolbar strong{flex:1;overflow-wrap:anywhere;min-width:130px}.zoom-toolbar select{width:auto;max-width:100%}.zoom-viewport{overflow:auto;max-height:65vh;padding:12px}.zoom-viewport img{display:block;height:auto}.checkerboard{background-color:white;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}@media(max-width:620px){.png-guide h2{font-size:24px}.png-guide{padding-block:20px}.zoom-toolbar{gap:8px}#png-zoom{padding:12px}.zoom-toolbar strong{flex-basis:100%}}