.thumb-page{max-width:1040px;margin:auto;padding:40px 24px 70px}.thumb-page h1{font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.04;max-width:760px}.thumb-page .lede{font-size:1.2rem;max-width:700px}.thumb-page .eyebrow{font-size:.8rem;letter-spacing:.12em;font-weight:700}.thumb-page section{margin-top:34px}.thumb-tool{padding:26px;border:1px solid #d2d6df;border-radius:18px;background:#f8f9fb}.thumb-tool label{font-weight:700;display:block;margin:18px 0 8px}.thumb-tool input[type=file],.thumb-tool select,.thumb-tool input[type=range]{display:block;width:100%;max-width:480px;font:inherit}.thumb-tool input[type=file],.thumb-tool select{padding:12px;background:white;border:1px solid #bfc6d0;border-radius:8px}.thumb-tool .preview{display:flex;gap:24px;align-items:center;margin-top:25px}.thumb-tool canvas{width:224px;height:224px;image-rendering:pixelated;border:1px solid #aeb5c1;background-color:#fff;background-image:linear-gradient(45deg,#dce2e3 25%,transparent 25%),linear-gradient(-45deg,#dce2e3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dce2e3 75%),linear-gradient(-45deg,transparent 75%,#dce2e3 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.thumb-tool .download{display:inline-block;background:#33355c;color:white;padding:12px 16px;border-radius:8px}.thumb-page li{margin:.8rem 0}.thumb-page :focus-visible{outline:3px solid #7059ca;outline-offset:3px}@media(max-width:600px){.thumb-page{padding:26px 16px}.thumb-tool{padding:18px}.thumb-tool .preview{flex-direction:column;align-items:flex-start}.thumb-tool canvas{width:168px;height:168px}}