:root{color:#202020;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f8f5;font-family:Comic Sans MS,Comic Neue,Bradley Hand,cursive,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.page-shell{background:#fff;border:.18rem solid #202020;border-radius:1.6rem;width:min(100% - 2rem,74.5rem);min-height:calc(100vh - 2rem);margin:1rem auto;padding:clamp(1.5rem,4vw,2.5rem) clamp(1.25rem,7vw,5.25rem)}h1{text-align:center;margin:0 0 clamp(2.5rem,6vw,4rem);font-size:clamp(2.2rem,5vw,3rem);line-height:1}.upload-section{gap:.5rem;display:grid}h2{margin:0;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700}.drop-zone{cursor:pointer;color:#202020;text-align:center;background:#fff;border:.16rem solid #202020;border-radius:1.5rem;place-items:center;width:100%;min-height:clamp(15rem,32vw,17rem);padding:2rem;display:grid}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone-active{outline-offset:.2rem;background:#f4f4ef;outline:.2rem solid #d13b3b}.drop-zone span{font-size:clamp(1rem,2.5vw,1.35rem);font-weight:700}.file-input{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.file-name{color:#d13b3b;margin:.75rem 0 0;font-size:1.1rem;font-weight:700}.error-message{color:#a31818;margin:.75rem 0 0;font-size:1rem;font-weight:700}.viewer-section{gap:.75rem;margin-top:1.5rem;display:grid}.review-section{gap:1.5rem;margin-top:1.5rem;display:grid}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.viewer-title{margin:0;font-size:1.1rem;font-weight:700}.viewer-canvas{cursor:grab;touch-action:none;background:#f4f4ef;border:.16rem solid #202020;border-radius:1.5rem;width:100%;min-height:clamp(20rem,45vw,30rem);display:block}.viewer-canvas-compact{min-height:clamp(16rem,28vw,22rem)}.viewer-canvas:active{cursor:grabbing}.viewer-help{color:#424242;margin:0;font-size:1rem;font-weight:700}@media (width<=640px){.page-shell{width:min(100% - 1rem,74.5rem);min-height:calc(100vh - 1rem);margin:.5rem auto}.review-grid{grid-template-columns:1fr}}