*{box-sizing:border-box}body{color:#171717;background:#fff;margin:0;font-family:system-ui,sans-serif}header{z-index:5;color:#777;justify-content:space-between;width:100%;padding:24px 28px;font-size:12px;display:flex;position:absolute;top:0}header a{align-items:center;gap:7px;display:inline-flex}header a:hover{color:#171717}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}main{background:#fff;place-items:center;min-height:100svh;padding:120px 24px;display:grid}h1{text-align:center;letter-spacing:-.065em;width:fit-content;max-width:100%;margin:0;font-size:clamp(48px,8.5vw,112px);font-weight:800;line-height:1.02}.sticker{z-index:4;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(1px 3px 2px #0003);background:0 0;border:0;border-radius:0;width:104px;height:104px;padding:0;position:absolute;transform:rotate(-12deg)}.sticker:active{cursor:grabbing}.sticker img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.sticker:disabled{cursor:wait}.sticker[data-lifted=true]{filter:none;background:0 0}.sticker[data-lifted=true] img{visibility:hidden}.sticker[data-floating=true]{filter:drop-shadow(5px 12px 8px #0003)}button:focus-visible,a:focus-visible{outline-offset:6px;outline:2px solid #888}canvas{pointer-events:none;z-index:3;position:absolute;inset:0}.sr-only{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;top:0;left:0;overflow:hidden}@media (width<=600px){header{padding:20px}.sticker{width:92px;height:92px;padding:0}}.sticker[data-rendered=true]{filter:none}.sticker[data-rendered=true] img{visibility:hidden}#sticker-canvas{z-index:4}.sticker[data-covered=true]{cursor:not-allowed}
