html:has(.studio-handoff[open]){overflow:hidden}.studio-handoff{--paper:#f7f8f5;--ink:#202620;--muted:#687166;--line:#dce1d8;--green:#38654b;--ease:cubic-bezier(.22,1,.36,1);width:min(420px,100% - 32px);max-height:calc(100svh - 32px);color:var(--ink);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;text-align:left;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;opacity:0;transition:opacity .25s var(--ease), transform .5s var(--ease), overlay .5s allow-discrete, display .5s allow-discrete;background:0 0;border:0;margin:auto;padding:0;font-size:16px;line-height:1.6;overflow:visible;transform:translateY(14px)scale(.985)}.studio-handoff *{box-sizing:border-box}.studio-handoff[open]{opacity:1;transform:none}@starting-style{.studio-handoff[open]{opacity:0;transform:translateY(14px)scale(.985)}}.studio-handoff::backdrop{transition:background .35s cubic-bezier(.22,1,.36,1), overlay .35s allow-discrete, display .35s allow-discrete;background:#171a1c00}.studio-handoff[open]::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#171a1c6b}@starting-style{.studio-handoff[open]::backdrop{background:#171a1c00}}.studio-handoff :focus-visible{outline:2px solid var(--green);outline-offset:4px}.studio-handoff a{color:inherit;text-decoration:none}.studio-handoff button{font:inherit}.studio-handoff h2,.studio-handoff p{margin:0}.studio-handoff-card{max-height:inherit;overscroll-behavior:contain;background:var(--paper);border-radius:28px;padding:20px 24px 24px;position:relative;overflow-y:auto;box-shadow:0 32px 90px -28px #171a1c80,inset 0 0 0 1px #ffffffb3}.studio-handoff-top{align-items:center;gap:12px;margin-bottom:20px;display:flex}.studio-handoff-badge{color:#fff;background:linear-gradient(160deg,#3ab0e6,#1d93cc);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 -2px 6px #00000014}.studio-handoff-badge svg{width:22px;height:22px;margin-left:-2px}.studio-handoff-who{min-width:0;line-height:1.3;display:grid}.studio-handoff-who strong{letter-spacing:-.01em;font-size:15px;font-weight:600}.studio-handoff-who span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.studio-handoff-close{width:40px;height:40px;color:var(--ink);cursor:pointer;transition:background .2s, transform .3s var(--ease);background:#e8ece4;border:0;border-radius:50%;flex:none;place-items:center;margin-left:auto;padding:0;display:grid}.studio-handoff-close:hover{background:#dde3d8;transform:rotate(90deg)}.studio-handoff-close svg{width:18px;height:18px}.studio-handoff-qr{box-shadow:inset 0 0 0 1px var(--line), 0 1px 0 #fffc;background:#fff;border-radius:24px;place-items:center;margin:0 0 22px;padding:22px;display:grid;position:relative}.studio-handoff-qr:after{content:"";background:linear-gradient(var(--line), var(--line)) top left / 18px 1.5px, linear-gradient(var(--line), var(--line)) top left / 1.5px 18px, linear-gradient(var(--line), var(--line)) top right / 18px 1.5px, linear-gradient(var(--line), var(--line)) top right / 1.5px 18px, linear-gradient(var(--line), var(--line)) bottom left / 18px 1.5px, linear-gradient(var(--line), var(--line)) bottom left / 1.5px 18px, linear-gradient(var(--line), var(--line)) bottom right / 18px 1.5px, linear-gradient(var(--line), var(--line)) bottom right / 1.5px 18px;pointer-events:none;background-repeat:no-repeat;border-radius:16px;position:absolute;inset:10px}.studio-qr{aspect-ratio:1;width:100%;max-width:224px;display:block}div.studio-qr{background:linear-gradient(100deg,#f1f3ef 30%,#e7ebe3 50%,#f1f3ef 70%) 0 0/300% 100%;border-radius:18px;animation:1.2s linear infinite studio-qr-wait}@keyframes studio-qr-wait{to{background-position:-150% 0}}.studio-qr-body{animation:studio-qr-develop .9s var(--ease) both}.studio-qr-eye{transform-box:fill-box;transform-origin:50%;animation:studio-qr-settle .6s var(--ease) both}.studio-qr-mark{transform-box:fill-box;transform-origin:50%;animation:studio-qr-settle .6s var(--ease) .35s both}@keyframes studio-qr-develop{0%{clip-path:circle(0%);opacity:.4}to{clip-path:circle(75%);opacity:1}}@keyframes studio-qr-settle{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}dialog.studio-handoff h2{letter-spacing:-.045em;text-wrap:balance;font-size:32px;font-weight:450;line-height:1.05}dialog.studio-handoff h2+p{color:var(--muted);text-wrap:pretty;margin-top:10px;font-size:15px;line-height:1.6}.studio-handoff-actions{gap:10px;margin-top:24px;display:grid}.studio-handoff-primary{background:var(--ink);border-radius:50px;justify-content:space-between;align-items:center;gap:22px;min-height:54px;padding:14px 23px;font-size:15px;line-height:1.3;transition:background .2s;display:flex;color:#fff!important}.studio-handoff-primary:hover{background:var(--green)}.studio-handoff .studio-arrow{width:18px;height:18px;transition:transform .3s var(--ease);flex:none}.studio-handoff a:hover>.studio-arrow{transform:translate(2px,-2px)}.studio-handoff-copy{min-height:54px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #cfd7ca;border-radius:50px;padding:14px 23px;font-size:15px;transition:background .2s,border-color .2s}.studio-handoff-copy:hover{border-color:var(--green);background:#eef2ea}.studio-handoff-url{border:1px solid var(--line);width:100%;color:var(--muted);font:inherit;background:#fff;border-radius:12px;margin-top:10px;padding:12px 14px;font-size:13px}.studio-handoff-url[hidden]{display:none}.studio-handoff-note{color:var(--muted);font-size:13px;line-height:1.55;margin-top:18px!important}.studio-handoff-note a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}@media (max-width:700px){.studio-handoff{width:100%;max-width:none;max-height:calc(100svh - 24px);margin:auto 0 0;transform:translateY(100%)}.studio-handoff[open]{transform:none}@starting-style{.studio-handoff[open]{transform:translateY(100%)}}.studio-handoff-card{padding:10px 22px calc(22px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.studio-handoff-card:before{content:"";background:#d3d9ce;border-radius:4px;width:38px;height:4px;margin:0 auto 16px;display:block}dialog.studio-handoff h2{font-size:28px}}.studio[data-motion=off] .studio-handoff,.studio[data-motion=off] .studio-handoff *,.studio[data-motion=off] .studio-handoff::backdrop{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.studio-handoff,.studio-handoff *,.studio-handoff::backdrop{transition:none!important;animation:none!important}}