.pm-handoff-art{overflow:visible}.pm-handoff-art .body{fill:var(--color-ink)}.pm-handoff-art .screen{fill:var(--color-surface)}.pm-handoff-art .code{fill:var(--color-ink)}.pm-handoff-art .speaker{fill:var(--color-ink-soft)}.pm-handoff-art .beam{fill:none;stroke-width:3px;stroke-linecap:round}.pm-handoff-art .b1{stroke:var(--color-paint-1)}.pm-handoff-art .b2{stroke:var(--color-paint-2)}.pm-handoff-art .b3{stroke:var(--color-paint-3)}[data-mood=playful] .pm-handoff-art .phone{transform-box:fill-box;transform-origin:50% 100%;transition:rotate .3s cubic-bezier(.3,.9,.3,1.4);rotate:-8deg}[data-mood=playful] .pm-handoff-offer:hover .pm-handoff-art .phone{rotate:4deg}[data-mood=playful] .pm-handoff-offer:hover .pm-handoff-art .beam{animation:1.2s ease-in-out infinite pm-handoff-beam}[data-mood=playful] .pm-handoff-offer:hover .pm-handoff-art .b2{animation-delay:.15s}[data-mood=playful] .pm-handoff-offer:hover .pm-handoff-art .b3{animation-delay:.3s}@keyframes pm-handoff-beam{50%{opacity:.25}}.pm-upload-zone{border:2px dashed color-mix(in srgb, var(--color-ink) 40%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--color-paint-4) 18%, var(--color-surface));text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:1.1rem;padding:clamp(1.75rem,5vw,3rem) 1.5rem;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s;display:flex}.pm-upload.compact .pm-upload-zone{text-align:left;flex-direction:row;justify-content:center;padding-block:1rem}.pm-upload.compact .pm-upload-art{zoom:.6}.pm-upload-zone:hover,.pm-upload-zone:has(:focus-visible){border-color:var(--color-ink)}.pm-upload-zone:has(:focus-visible){outline:3px solid var(--color-paint-2);outline-offset:3px}.pm-upload.dragging .pm-upload-zone{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-paint-2) 20%, var(--color-surface))}.pm-upload.over .pm-upload-zone{border-style:solid;border-color:var(--color-ink)}.pm-upload .for-touch{display:none}@media (hover:none) and (pointer:coarse){.pm-upload .for-pointer{display:none}.pm-upload .for-touch{display:block}}.pm-upload-art{width:8rem;height:5.75rem;position:relative}.pm-upload-art .snap{--tint:var(--color-paint-3);aspect-ratio:4/5;background:var(--color-surface);width:3.5rem;box-shadow:var(--shadow);padding:.25rem .25rem .8rem;transition:rotate .35s cubic-bezier(.3,.9,.3,1.3),translate .35s cubic-bezier(.3,.9,.3,1.3);position:absolute;top:0;left:1.1rem;rotate:-9deg}.pm-upload-art .snap:after{content:"";background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--color-ink) 28%, var(--tint)) 0 17%, transparent 18%), radial-gradient(ellipse 60% 42% at 50% 100%, color-mix(in srgb, var(--color-ink) 28%, var(--tint)) 0 99%, transparent), color-mix(in srgb, var(--tint) 45%, var(--color-surface));height:100%;display:block}.pm-upload-art .snap.two{--tint:var(--color-paint-1);left:auto;right:1.1rem;rotate:7deg}.pm-upload-art .blob{aspect-ratio:1;border:2px solid var(--color-ink);background:var(--color-primary);width:2.4rem;box-shadow:0 3px 0 var(--color-ink);color:var(--color-on-primary);font:700 1.5rem/1 var(--font-body);border-radius:58% 42% 50% 50%/45% 55%;place-items:center;transition:scale .3s cubic-bezier(.3,.9,.3,1.5);display:grid;position:absolute;bottom:-.2rem;left:50%;translate:-50%}.pm-upload-photo{aspect-ratio:1;background:var(--color-surface);width:100%;box-shadow:var(--shadow);border-radius:3px;padding:.35rem;display:block;position:relative}.pm-upload-photo img{object-fit:cover;width:100%;height:100%;filter:grayscale(calc(1 - var(--p))) blur(calc((1 - var(--p)) * 1.5px));opacity:calc(.75 + var(--p) * .25);transition:filter .5s,opacity .5s;display:block}.pm-upload-photo img.broken{visibility:hidden}.pm-upload-tile:is(.unsupported,.failed) img{filter:grayscale();opacity:.4}.pm-upload-photo .bar{background:color-mix(in srgb, var(--color-ink) 18%, transparent);opacity:0;height:4px;transition:opacity .3s;position:absolute;inset:auto .35rem .35rem;overflow:hidden}.pm-upload-photo .bar:after{content:"";width:calc(var(--p) * 100%);background:var(--color-primary);height:100%;transition:width .3s;display:block}.pm-upload-tile:is(.preparing,.uploading) .bar{opacity:1}.pm-upload-tile.preparing .bar:after{width:35%;animation:1.1s ease-in-out infinite pm-upload-sweep}@media (prefers-reduced-motion:reduce){.pm-upload-tile.preparing .bar:after{animation-duration:3s}}@keyframes pm-upload-sweep{0%{translate:-100%}to{translate:290%}}.pm-upload-photo .tick{aspect-ratio:1;border:2px solid var(--color-ink);background:var(--color-primary);border-radius:50%;place-items:center;width:2.75rem;animation:.3s both pm-upload-fade;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.pm-upload-photo .tick svg{fill:none;width:62%;stroke:var(--color-on-primary);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.pm-upload-tile:is(.unsupported,.failed) .pm-upload-status{color:var(--color-primary)}.pm-upload-remove{z-index:2;aspect-ratio:1;border:2px solid var(--color-ink);background:var(--color-surface);width:1.9rem;box-shadow:0 2px 0 var(--color-ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:background-color .15s,translate .15s;display:grid;position:absolute;top:-.55rem;right:-.55rem}.pm-upload-remove:before{content:"";position:absolute;inset:-.5rem}.pm-upload-remove svg{fill:none;width:70%;stroke:var(--color-ink);stroke-width:2.5px;stroke-linecap:round}.pm-upload-remove:hover{background:var(--color-primary)}.pm-upload-remove:hover svg{stroke:var(--color-on-primary)}.pm-upload-remove:active{box-shadow:none;translate:0 2px}.pm-upload-tile{animation:.3s both pm-upload-fade}.pm-upload-tile.done{animation:.4s 1s reverse both pm-upload-fade}@keyframes pm-upload-fade{0%{opacity:0}}[data-mood=playful] .pm-upload-art .snap.one{animation:4.5s ease-in-out infinite pm-upload-sway}[data-mood=playful] .pm-upload-art .snap.two{animation:4.5s ease-in-out -2.2s infinite reverse pm-upload-sway}[data-mood=playful] .pm-upload-art .blob{animation:6s ease-in-out infinite pm-upload-blob}@keyframes pm-upload-sway{50%{translate:0 -3px}}@keyframes pm-upload-blob{33%{border-radius:45% 55% 42% 58%/55% 45%}66%{border-radius:52% 48% 58% 42%/42% 58% 48% 52%}}[data-mood=playful] .pm-upload-zone:hover .snap.one,[data-mood=playful] .pm-upload.dragging .snap.one{translate:-.6rem -.15rem;rotate:-15deg}[data-mood=playful] .pm-upload-zone:hover .snap.two,[data-mood=playful] .pm-upload.dragging .snap.two{translate:.6rem -.15rem;rotate:13deg}[data-mood=playful] .pm-upload-zone:hover .blob{scale:1.1}[data-mood=playful] .pm-upload.over .pm-upload-zone{box-shadow:0 5px 0 var(--color-ink);transform:translateY(-3px)rotate(-.6deg)}[data-mood=playful] .pm-upload.over .blob{scale:1.3}[data-mood=playful] .pm-upload.dragging .blob{animation:.7s ease-in-out infinite alternate pm-upload-bob}@keyframes pm-upload-bob{to{translate:-50% -5px}}[data-mood=playful] .pm-upload-tile{animation:.5s cubic-bezier(.3,.9,.3,1.3) both pm-upload-land}@keyframes pm-upload-land{0%{opacity:0;transform:translateY(-1.25rem)rotate(-8deg)scale(.9)}}[data-mood=playful] .pm-upload-tile:nth-child(odd) .pm-upload-photo{rotate:-1.6deg}[data-mood=playful] .pm-upload-tile:nth-child(2n) .pm-upload-photo{rotate:1.3deg}[data-mood=playful] .pm-upload-photo:before{content:"";z-index:1;background:color-mix(in srgb, var(--color-paint-2) 55%, transparent);width:2.75rem;height:.95rem;position:absolute;top:-.5rem;left:50%;translate:-50%;rotate:-3deg}[data-mood=playful] .pm-upload-tile.failed .pm-upload-photo,[data-mood=playful] .pm-upload-tile.unsupported .pm-upload-photo{animation:.45s both pm-upload-shake}@keyframes pm-upload-shake{20%,60%{translate:-4px}40%,80%{translate:4px}}[data-mood=playful] .pm-upload-photo .tick{box-shadow:0 3px 0 var(--color-ink);border-radius:58% 42% 50% 50%/45% 55%;animation:.45s cubic-bezier(.3,.9,.3,1.6) both pm-upload-pop}@keyframes pm-upload-pop{0%{rotate:-30deg;scale:0}}[data-mood=playful] .pm-upload-tile.done{animation:.45s cubic-bezier(.5,0,.75,0) .95s both pm-upload-away}@keyframes pm-upload-away{to{opacity:0;transform:translateY(-1.5rem)rotate(5deg)scale(.92)}}.pm-picker-photo{border-radius:var(--radius);background:0 0;border:3px solid #0000;width:100%;padding:0;display:block;overflow:hidden}button.pm-picker-photo{cursor:pointer}button.pm-picker-photo:disabled{cursor:default;opacity:.45}.pm-picker-photo img{object-fit:cover;width:100%;height:8.5rem;display:block}.pm-picker-photo[aria-pressed=true]{border-color:var(--color-primary);box-shadow:0 3px 0 var(--color-ink)}.pm-picker-delete{top:.35rem;right:.35rem}