.pc-card{border:1px solid var(--border);background:var(--background);box-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 6%, transparent), 0 40px 80px -40px var(--shadow-tint);border-radius:16px;overflow:hidden}.pc-bar{border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:40px;padding:0 8px 0 14px;display:grid}.pc-dots{gap:6px;display:flex}.pc-dots i{border:1px solid var(--input);border-radius:50%;width:9px;height:9px}.pc-url{font:500 11px var(--font-mono);color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pc-status{font:11px / 1 var(--font-mono);color:var(--muted-foreground);white-space:nowrap;justify-self:end;display:grid}.pc-status>span{text-align:right;grid-area:1/1}.pc-status>span:not(.pc-status-live){opacity:0;animation:.2s both pc-in,.2s forwards pc-out}.pc-status-live{color:var(--foreground);animation:pc-in .24s var(--ease-out) both}.pc-bar>.pc-status{grid-area:1/3;margin-right:40px}.pc-replay{width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;animation:pc-in .3s var(--ease-out) both;transition:transform .16s var(--ease-out), color .16s ease;background:0 0;border:0;border-radius:8px;grid-area:1/3;justify-self:end;place-items:center;display:grid;position:relative}.pc-replay:after{content:"";position:absolute;inset:-4px}.pc-replay:active{transform:scale(.94)}.pc-replay:focus-visible{outline:2px solid var(--foreground);outline-offset:0}@media (hover:hover) and (pointer:fine){.pc-replay:hover{color:var(--foreground)}}.pc-prompt{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 6px 6px 16px;display:flex}.pc-field{flex:1;min-width:0;height:36px;position:relative}.pc-demo{font:14px / 36px var(--font-mono);white-space:nowrap;pointer-events:none;transition:opacity .15s var(--ease-out);position:absolute;inset:0;overflow:hidden}.pc-typed{animation:1ms both pc-type;animation-timing-function:steps(var(--pc-chars), end);display:inline-block}.pc-caret{background:var(--cta);width:1.5px;height:16px;transform:translateX(calc(var(--pc-chars) * 1ch));animation:1ms both pc-caret-move,1s step-end infinite pc-blink;animation-timing-function:steps(var(--pc-chars), end), steps(1);position:absolute;top:10px;left:0}.pc-go{background:var(--cta);height:34px;color:var(--cta-foreground);font:500 13px / 1 var(--font-sans);cursor:pointer;transition:transform .16s var(--ease-out);border:0;border-radius:9px;flex:none;padding:0 14px;position:relative}.pc-go:active{transform:scale(.97)}.pc-go:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}@media (hover:hover) and (pointer:fine){.pc-go:hover{background:color-mix(in srgb, var(--cta) 90%, var(--foreground))}}.pc-go-in{animation:pc-press .24s var(--ease-out) both;align-items:center;gap:8px;display:inline-flex}.pc-stage{aspect-ratio:16/9;background:var(--background) radial-gradient(circle, var(--pc-dot,var(--border)) 1px, transparent 1.2px) 0 0 / 18px 18px;position:relative;overflow:hidden}.pc-page{will-change:transform;animation-name:pc-cam-d;animation-timing-function:linear;animation-fill-mode:both}@media (width<=639px){.pc-stage{aspect-ratio:4/5}.pc-page{animation-name:pc-cam-m}}.pc-live .pc-page{will-change:auto;animation:none}.pc-live .pc-stage{overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;overflow-y:auto}.pc-blk{background:var(--card);border-bottom:1px solid var(--hairline);animation:.42s cubic-bezier(.34,1.36,.64,1) both pc-drop;position:relative;overflow:hidden}.pc-wire{mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.pc-wire rect[stroke]{vector-effect:non-scaling-stroke;stroke-width:1px}.pc-label{border:1px solid var(--border);background:var(--card);font:500 10px / 1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);opacity:0;animation:pc-out .24s var(--ease-out) both;border-radius:4px;padding:3px 6px;position:absolute;top:8px;right:10px}.pc-fill{background:var(--card);filter:url(#bs-tone);animation:pc-slide-down var(--pc-fill,.75s) linear both;position:absolute;inset:0;overflow:hidden}.pc-fill img{width:100%;height:100%;animation:pc-slide-up var(--pc-fill,.75s) linear both;-webkit-user-drag:none;display:block}.pc-fill:after{content:"";background:linear-gradient(to bottom, transparent, var(--card));opacity:0;height:min(56px,60%);animation:pc-edge var(--pc-fill,.75s) linear both;animation-delay:inherit;position:absolute;bottom:0;left:0;right:0}.pc-wait *,.pc-wait :after{animation-play-state:paused}@media (width<=639px){.pc-prompt{padding-left:14px}.pc-go{padding:0 14px}}@keyframes pc-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes pc-caret-move{0%{transform:translate(0)}}@keyframes pc-blink{50%{opacity:0}}@keyframes pc-press{40%{transform:scale(.94)}}@keyframes pc-drop{0%{opacity:0;transform:translateY(-14px)}}@keyframes pc-slide-down{0%{transform:translateY(-100%)}to{transform:none}}@keyframes pc-slide-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes pc-edge{0%,92%{opacity:1}to{opacity:0}}@keyframes pc-in{0%{opacity:0}to{opacity:1}}@keyframes pc-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.pc *,.pc :after,.pc .pc-fill img,.pc .pc-fill:after,.pc .pc-status>span{animation:none}}.pc-note{z-index:2;background:var(--deep);max-width:calc(100% - 32px);color:var(--background);font:500 13px / 1.3 var(--font-sans);box-shadow:0 12px 32px -12px var(--shadow-tint);transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 16px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@starting-style{.pc-note{opacity:0;transform:translate(-50%,8px)}}.pc-note:not(:has(button)){padding:10px 16px}.pc-note-text{min-width:0}.pc-note-go{background:var(--background);height:32px;color:var(--foreground);font:inherit;cursor:pointer;transition:transform .16s var(--ease-out);border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.pc-note-go:active{transform:scale(.97)}.pc-note-go:focus-visible{outline:2px solid var(--background);outline-offset:2px}@media (width<=639px){.pc-note{text-align:center;border-radius:14px;flex-direction:column;align-items:stretch;padding:10px}}.pc:not(.pc-live) .pc-go{cursor:default}.pc:not(.pc-started) .pcb,.pc:not(.pc-started) .pcb *,.pc:not(.pc-started) .pcb :after{animation-play-state:paused}.pc-ptr,.pc-tap{pointer-events:none;opacity:0;animation-duration:3.2s;animation-iteration-count:infinite;animation-delay:var(--pc-beam-at,0s);position:absolute;top:54%;left:60%}.pc-ptr{z-index:2;width:22px;height:22px;filter:drop-shadow(0 2px 3px var(--shadow-tint));animation-name:pc-glide;animation-timing-function:var(--ease-in-out)}.pc-tap{z-index:1;border:2px solid var(--card);width:28px;height:28px;box-shadow:0 0 0 1px var(--foreground);animation-name:pc-ripple;animation-timing-function:var(--ease-out);border-radius:50%;margin:-14px 0 0 -14px}.pc:not(.pc-started) .pc-go{animation:pc-hover-press 3.2s var(--ease-out) infinite;animation-delay:var(--pc-beam-at,0s)}@keyframes pc-glide{0%{opacity:0;transform:translate(70px,60px)}10%{opacity:1}32%{transform:none}56%{transform:scale(.86)}64%{transform:none}88%{opacity:1}to{opacity:0;transform:none}}@keyframes pc-hover-press{0%,28%{box-shadow:none;transform:none}34%,52%{box-shadow:0 10px 22px -8px var(--shadow-tint);transform:translateY(-2px)}56%{box-shadow:none;transform:scale(.95)}66%,to{box-shadow:none;transform:none}}@keyframes pc-ripple{0%,54%{opacity:0;transform:scale(.4)}56%{opacity:.8;transform:scale(.4)}80%,to{opacity:0;transform:scale(2.2)}}.pc-invite{animation:pc-in .32s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.pc:not(.pc-started) .pc-go,.pc-ptr,.pc-tap{animation:none}}@keyframes load-fade{0%{opacity:0}to{opacity:1}}@keyframes load-rise{0%{opacity:.01;transform:translateY(var(--load-y));filter:blur(var(--load-blur))}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes load-land{0%{opacity:0;transform:translateY(40px)rotateX(14deg)scale(.96)}to{opacity:1;transform:none}}.load-fade,.load-rise,.load-frame,.load-stage:before{animation-delay:var(--load-at,0s);animation-duration:var(--load-dur,.5s);animation-timing-function:var(--load-ease,ease-out);animation-fill-mode:both}.load-fade{animation-name:load-fade}.load-rise{--load-y:12px;--load-blur:10px;animation-name:load-rise}.load-rise-sm{--load-y:8px;--load-blur:6px}.load-stage{perspective:1600px;position:relative}.load-stage:before{content:"";z-index:0;filter:blur(40px);pointer-events:none;background:radial-gradient(50% 50%,#0000001a 0%,#0000 100%);border-radius:50%;height:55%;animation-name:load-fade;position:absolute;top:-24px;left:8%;right:8%}.load-frame{z-index:1;transform-origin:50% 0;animation-name:load-land;position:relative}@media (prefers-reduced-motion:reduce){.load-fade,.load-rise,.load-frame,.load-stage:before{animation-name:load-fade;animation-duration:.3s}}