.playground{width:100%}.scene-stage.scene-stage--playground{--stage-h:776px}.playground__view{position:absolute;inset:0}.playground__frame{background:#fff;border:0;width:100%;height:100%;display:block}.playground__veil{z-index:4;justify-content:center;align-items:center;gap:var(--tw-space-3);background:color-mix(in srgb, var(--tw-surface) 82%, transparent);color:var(--tw-fg-secondary);font-size:var(--tw-text-sm);flex-direction:column;display:flex;position:absolute;inset:0}.playground__veil p{margin:0}.playground__spinner{border:2px solid var(--tw-border);border-top-color:var(--tw-accent-solid);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite playground-spin}@keyframes playground-spin{to{transform:rotate(360deg)}}.playground-tasks{justify-content:center;align-items:center;gap:var(--tw-space-3) var(--tw-space-4);margin:var(--tw-space-4) auto 0;flex-wrap:wrap;display:flex}.playground-tasks__lead{color:var(--tw-fg-secondary);font-size:var(--tw-text-sm);margin:0}.playground-tasks__lead strong{color:var(--tw-fg)}.playground-tasks__list{justify-content:center;gap:var(--tw-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.playground-task{align-items:center;gap:var(--tw-space-2);padding:6px var(--tw-space-3) 6px 8px;border-radius:var(--twc-r-full);background:var(--tw-surface);box-shadow:inset 0 0 0 1px var(--tw-border);color:var(--tw-fg-secondary);font-size:13px;transition:color .2s;display:inline-flex}.playground-task__box{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--tw-border);color:#fff;border-radius:50%;place-items:center;transition:background-color .2s;display:grid}.playground-task[data-done]{color:var(--tw-fg)}.playground-task[data-done] .playground-task__box{box-shadow:none;background:#30a46c}.playground-task[data-task=copy]{font-weight:600}.playground-tasks__reset{min-height:32px;padding:4px var(--tw-space-3);border-radius:var(--twc-r-full);color:var(--tw-fg-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:13px;display:inline-flex}.playground-tasks__reset:hover{background:var(--tw-surface);color:var(--tw-fg)}.playground-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.playground__spinner{animation-duration:2.4s}}.playground-coach{z-index:5;pointer-events:none;position:absolute;inset:0}.playground-hint{padding:var(--tw-space-3) var(--tw-space-4);border-radius:var(--twc-r-2xl);background:var(--tw-bezel);color:var(--tw-fg-on-bezel);text-align:start;pointer-events:auto;font-size:13px;line-height:1.45;transition:left .2s,top .2s;position:absolute;box-shadow:0 16px 40px -12px #18181b73}.playground-hint strong{margin:0 0 2px;padding-right:24px;font-size:14px;display:block}.playground-hint p{color:#ffffffb8;margin:0}.playground-hint__foot{padding-top:var(--tw-space-2);border-top:1px solid #ffffff1f;margin-top:var(--tw-space-2)!important}.playground-hint__close{color:#fff9;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:6px;right:6px}.playground-hint__close:hover{color:#fff;background:#ffffff1a}.playground-hint:after{content:"";background:inherit;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.playground-hint[data-side=left]:after{right:-5px;top:calc(var(--arrow-y,50%) - 5px)}.playground-hint[data-side=right]:after{left:-5px;top:calc(var(--arrow-y,50%) - 5px)}.playground-hint[data-side=above]:after{bottom:-5px;left:calc(var(--arrow-x,50%) - 5px)}.playground-hint.is-pulse{animation:1.2s playground-pulse}@keyframes playground-pulse{50%{box-shadow:0 16px 40px -12px #18181b73, 0 0 0 8px color-mix(in srgb, var(--tw-accent-solid) 35%, transparent)}}@media (prefers-reduced-motion:reduce){.playground-hint{transition:none}.playground-hint.is-pulse{animation:none}}.playground-scrim{z-index:6;cursor:pointer;background:#09090b59;border:0;padding:0;position:absolute;inset:0}.playground-finish{right:var(--tw-space-4);bottom:var(--tw-space-4);z-index:7;gap:var(--tw-space-3);width:min(460px,100% - 32px);max-height:calc(100% - 32px);padding:var(--tw-space-6);border-radius:var(--twc-r-3xl);background:var(--tw-surface);text-align:start;flex-direction:column;animation:.26s both playground-in;display:flex;position:absolute;overflow:auto;box-shadow:0 24px 64px -16px #18181b80}.playground-finish h3{font-size:var(--tw-text-md);letter-spacing:-.01em;outline:none;margin:0}.playground-finish pre{max-height:280px;padding:var(--tw-space-4);border-radius:var(--twc-r-2xl);background:var(--tw-bezel);color:#d4d4d8;font-family:var(--tw-font-mono);white-space:pre;margin:0;font-size:12px;line-height:1.55;overflow:auto}.handoff__change{color:#fff}.handoff__was{color:#ff9592}.handoff__want{color:#7ee2b8}.playground-finish__note{color:var(--tw-fg-secondary);margin:0;font-size:13px}.playground-finish__actions{align-items:center;gap:var(--tw-space-3);flex-wrap:wrap;display:flex}@keyframes playground-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.playground-finish{animation:none}}.scene-stage--video .scene-stage__view{height:auto}.playground-video{aspect-ratio:1100/776;background:#fafafa;width:100%;height:auto;display:block}.playground-note{max-width:48ch;margin:var(--tw-space-4) auto 0;color:var(--tw-fg-secondary);font-size:var(--tw-text-sm);text-align:center;text-wrap:balance}.playground-note svg{vertical-align:-3px;margin-inline-end:var(--tw-space-2);display:inline-block}.step-scene{aspect-ratio:13/8;border-radius:var(--twc-r-2xl);background:var(--tw-bg);box-shadow:inset 0 0 0 1px var(--tw-border);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;container-type:inline-size}.step-scene__stage{font-size:3.84615cqw;line-height:1;position:absolute;inset:0}.step-scene__stage *{animation-duration:var(--dur);animation-timing-function:linear;animation-play-state:paused;animation-fill-mode:both}.step-scene[data-playing] .step-scene__stage *{animation-play-state:running}@media (prefers-reduced-motion:reduce){.step-scene .step-scene__stage *{animation-duration:1ms;animation-play-state:running}}.step-scene i,.step-scene b{font-style:normal;font-weight:inherit;display:block}.step-scene__bar{background:var(--twc-gray-2);height:1.8em;box-shadow:inset 0 -1px 0 var(--tw-border);align-items:center;gap:.6em;padding:0 .6em;display:flex;position:absolute;inset:0 0 auto}.step-scene__dots{gap:.3em;display:flex}.step-scene__dots i{background:var(--twc-gray-6);border-radius:50%;width:.45em;height:.45em}.step-scene__url{border-radius:var(--twc-r-full);background:var(--tw-surface);height:.95em;box-shadow:inset 0 0 0 1px var(--tw-border);flex:0 11em;margin:0 auto}.step-scene__ext{background:color-mix(in srgb, var(--tw-accent) 14%, transparent);border-radius:.3em;place-items:center;width:1.3em;height:1.3em;display:grid;position:relative}.step-scene__ext img{width:1em;height:1em;display:block}.step-scene__on{background:var(--twc-teal-9);width:.42em;height:.42em;box-shadow:0 0 0 .12em var(--twc-gray-2);border-radius:50%;position:absolute;bottom:.1em;right:.1em}.step-scene__ring{box-shadow:0 0 0 .15em var(--tw-accent);opacity:0;border-radius:.4em;position:absolute;inset:-.1em}.step-scene__page{position:absolute;inset:1.8em 0 0}.step-scene__nav{align-items:center;gap:.6em;display:flex;position:absolute;top:.55em;left:1.8em}.step-scene__logo{background:var(--tw-bezel);border-radius:.15em;width:1.5em;height:.6em;margin-right:.4em}.step-scene__line{border-radius:var(--twc-r-full);background:var(--twc-gray-5);height:.4em}.step-scene__line--strong{background:var(--twc-gray-9);height:.6em}.step-scene__side{flex-direction:column;gap:.55em;display:flex;position:absolute;top:2.6em;left:15.2em}.step-scene__card{box-sizing:content-box;background:var(--tw-surface);width:9em;box-shadow:0 0 0 1px var(--twc-gray-5), 0 .3em .8em -.4em #18181b2e;border-radius:.7em;flex-direction:column;align-items:flex-start;gap:.4em;padding:1em;display:flex;position:absolute;top:3.1em;left:1.8em}.step-scene__btn{border-radius:var(--twc-r-full);background:var(--tw-accent-solid);width:3.8em;height:1.2em;margin-top:.3em}.step-scene__hatch,.step-scene__outline{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.step-scene__hatch{box-sizing:border-box;background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--twc-role-pad-9) 30%, transparent) 0 .2em, color-mix(in srgb, var(--twc-role-pad-9) 8%, transparent) .2em .5em);padding:1em;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.step-scene__outline{box-shadow:0 0 0 2px var(--tw-accent)}.step-scene__cap{background:var(--tw-accent);color:var(--tw-fg-on-accent);font-family:var(--tw-font-mono);white-space:nowrap;border-radius:.25em;padding:0 .45em;font-size:.8em;line-height:1.6;display:grid;position:absolute;bottom:calc(100% + .35em);left:0}.step-scene__cap>b,.step-scene__copy>b{grid-area:1/1}.step-scene__cap>b:first-child{opacity:0}.step-scene__panel{background:var(--tw-surface);width:11.2em;box-shadow:0 0 0 1px var(--tw-border), 0 .5em 1.4em -.5em #18181b47;color:var(--twc-gray-11);font-family:var(--tw-font-mono);white-space:nowrap;border-radius:.6em;flex-direction:column;padding:.3em .55em .55em;display:flex;position:absolute;top:.7em;left:14.4em}.step-scene__panel>*{font-size:.85em}[data-scene="4"] .step-scene__panel{top:3.3em}[data-scene="4"] .step-scene__side{display:none}.step-scene__head{border-bottom:1px solid var(--twc-gray-4);min-height:2em;color:var(--tw-fg);align-items:center;gap:.4em;margin-bottom:.2em;font-weight:500;display:flex}.step-scene__tag,.step-scene__token{background:var(--twc-blue-3);color:var(--twc-blue-11);border-radius:.3em;padding:.2em .4em}.step-scene__count{border-radius:var(--twc-r-full);background:var(--tw-bezel);color:var(--tw-fg-on-bezel);padding:.2em .45em;font-size:.9em}.step-scene__row{justify-content:space-between;align-items:center;min-height:2em;display:flex}.step-scene__fill,.step-scene__diff{color:var(--tw-fg);align-items:center;gap:.35em;display:flex}.step-scene__diff b{color:var(--twc-teal-11);font-weight:600}.step-scene__swap{display:grid}.step-scene__swap>b{grid-area:1/1}.step-scene__swatch{background:var(--tw-surface);width:1.1em;height:1.1em;box-shadow:inset 0 0 0 1px var(--twc-gray-6);border-radius:.25em}.step-scene__swatch--want{background:var(--twc-teal-3);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--twc-teal-9) 45%, transparent)}.step-scene__field{background:var(--twc-gray-2);width:3.4em;height:1.6em;box-shadow:inset 0 0 0 1px var(--twc-gray-5);color:var(--tw-fg);border-radius:.3em;align-items:center;padding:0 .45em;display:flex;position:relative}.step-scene__field>b{padding:.1em 0;position:absolute;left:.45em}.step-scene__was,.step-scene__typed{opacity:0}.step-scene__caret{background:var(--tw-fg);opacity:0;width:1px;position:absolute;top:.3em;bottom:.3em;left:calc(.45em + 2ch)}.step-scene__copy{background:var(--twc-teal-11);height:2.2em;color:var(--tw-fg-on-accent);font-family:var(--tw-font-sans);border-radius:.45em;place-items:center;margin-top:.45em;font-weight:600;display:grid}.step-scene__copy>b{align-items:center;gap:.3em;display:flex}.step-scene__copy>b:first-child{opacity:0}.step-scene__copy svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.1em;height:1.1em}.step-scene__toolbar{border-radius:var(--twc-r-full);background:var(--tw-bezel);align-items:center;gap:.45em;padding:.45em .7em;display:flex;position:absolute;bottom:1em;left:50%;transform:translate(-50%);box-shadow:0 .6em 1.4em -.5em #18181b73}.step-scene__toolbar i{background:#ffffff47;border-radius:.28em;width:.95em;height:.95em}.step-scene__toolbar i.is-on{background:var(--tw-accent)}.step-scene__toolbar span{background:#fff3;width:1px;height:1em}.step-scene__chip{background:var(--tw-bezel);color:var(--tw-fg-on-bezel);font-family:var(--tw-font-mono);white-space:nowrap;border-radius:.5em;padding:.45em .7em;position:absolute;top:.55em;left:20em;transform:translate(-50%);box-shadow:0 .7em 1.6em -.5em #18181b8c}.step-scene__chip>span{font-size:.9em}.step-scene__chip-was{color:#ff9592}.step-scene__chip-want{color:#7ee2b8}.step-scene__cursor{z-index:5;width:1.2em;height:1.8em;fill:var(--tw-bezel);stroke:var(--tw-surface);stroke-width:1.1px;stroke-linejoin:round;filter:drop-shadow(0 .1em .15em #0000004d);transform-origin:0 0;position:absolute;top:0;left:0;overflow:visible}[data-scene="1"] .step-scene__cursor{transform:translate(21.5em,5.5em)}[data-scene="2"] .step-scene__cursor{transform:translate(8.6em,8.3em)}[data-scene="2"] .step-scene__cap>b:first-child{opacity:1}[data-scene="2"] .step-scene__cap>b:last-child{opacity:0}[data-scene="3"] .step-scene__card,[data-scene="4"] .step-scene__card{background:var(--twc-teal-3);padding:1.5em}[data-scene="3"] .step-scene__hatch,[data-scene="4"] .step-scene__hatch{padding:1.5em}[data-scene="3"] .step-scene__swatch{background:var(--twc-teal-3)}[data-scene="3"] .step-scene__hex-was{opacity:0}[data-scene="3"] .step-scene__cursor{transform:translate(20.75em,7.25em)}[data-scene="4"] .step-scene__cursor{transform:translate(22.4em,12.1em)}[data-scene="1"] .step-scene__cursor{animation-name:s1-cursor}[data-scene="1"] .step-scene__ext img{animation-name:s1-ext}[data-scene="1"] .step-scene__on{animation-name:s1-on}[data-scene="1"] .step-scene__ring{animation-name:s1-ring}[data-scene="1"] .step-scene__toolbar{animation-name:s1-toolbar}@keyframes s1-cursor{0%,8%{opacity:0;animation-timing-function:cubic-bezier(.45,0,.2,1);transform:translate(12em,12.5em)}12%{opacity:1}40%{transform:translate(24.55em,.85em)scale(1)}44%{transform:translate(24.55em,.85em)scale(.82)}48%{animation-timing-function:cubic-bezier(.45,0,.2,1);transform:translate(24.55em,.85em)scale(1)}66%,to{opacity:1;transform:translate(21.5em,5.5em)}}@keyframes s1-ext{0%,44%{opacity:.45;filter:grayscale()}48%,to{opacity:1;filter:none}}@keyframes s1-on{0%,45%{animation-timing-function:cubic-bezier(.2,.9,.3,1.4);transform:scale(0)}53%,to{transform:scale(1)}}@keyframes s1-ring{0%,43%{opacity:0;transform:scale(.6)}45%{opacity:.8;transform:scale(.7)}62%,to{opacity:0;transform:scale(1.9)}}@keyframes s1-toolbar{0%,50%{opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1);transform:translate(-50%,3.6em)}66%,to{opacity:1;transform:translate(-50%)}}[data-scene="2"] .step-scene__cursor{animation-name:s2-cursor}[data-scene="2"] .step-scene__hatch,[data-scene="2"] .step-scene__cap{animation-name:s2-hover}[data-scene="2"] .step-scene__outline{animation-name:s2-outline}[data-scene="2"] .step-scene__panel{animation-name:s2-panel}@keyframes s2-cursor{0%,6%{opacity:0;animation-timing-function:cubic-bezier(.45,0,.2,1);transform:translate(20em,13.6em)}10%{opacity:1}28%,44%{transform:translate(8.6em,8.3em)scale(1)}47%{transform:translate(8.6em,8.3em)scale(.82)}51%,to{opacity:1;transform:translate(8.6em,8.3em)scale(1)}}@keyframes s2-hover{0%,28%{opacity:0}31%,to{opacity:1}}@keyframes s2-outline{0%,28%{opacity:0;box-shadow:0 0 0 1px var(--tw-accent)}31%,46%{opacity:1;box-shadow:0 0 0 1px var(--tw-accent)}49%,to{opacity:1;box-shadow:0 0 0 2px var(--tw-accent)}}@keyframes s2-panel{0%,52%{opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1);transform:translate(12em)}68%,to{opacity:1;transform:translate(0)}}[data-scene="3"] .step-scene__field{animation-name:s3-field}[data-scene="3"] .step-scene__was{animation-name:s3-was}[data-scene="3"] .step-scene__typed{animation-name:s3-typed}[data-scene="3"] .step-scene__want{animation-name:s3-want}[data-scene="3"] .step-scene__caret{animation-name:s3-caret}[data-scene="3"] .step-scene__card{animation-name:s3-card}[data-scene="3"] .step-scene__hatch{animation-name:s3-hatch}[data-scene="3"] .step-scene__cap>b:first-child{animation-name:s3-cap-was}[data-scene="3"] .step-scene__cap>b:last-child{animation-name:s3-cap-want}[data-scene="3"] .step-scene__cursor{animation-name:s3-cursor}[data-scene="3"] .step-scene__swatch{animation-name:s3-swatch}[data-scene="3"] .step-scene__hex-was{animation-name:s3-hex-was}[data-scene="3"] .step-scene__hex-want{animation-name:s3-hex-want}@keyframes s3-field{0%,8%{box-shadow:inset 0 0 0 1px var(--twc-gray-5)}11%,42%{box-shadow:inset 0 0 0 1px var(--tw-accent), 0 0 0 .2em var(--twc-blue-4)}46%,to{box-shadow:inset 0 0 0 1px var(--twc-gray-5)}}@keyframes s3-was{0%,13.9%{opacity:1;background:0 0}14%,23.9%{opacity:1;background:var(--twc-blue-5)}24%,to{opacity:0}}@keyframes s3-typed{0%,23.9%{opacity:0}24%,29.9%{opacity:1}30%,to{opacity:0}}@keyframes s3-want{0%,29.9%{opacity:0}30%,to{opacity:1}}@keyframes s3-caret{0%,23.9%{opacity:0}24%,29.9%{opacity:1;left:calc(.45em + 1ch)}30%,41.9%{opacity:1;left:calc(.45em + 2ch)}42%,to{opacity:0;left:calc(.45em + 2ch)}}@keyframes s3-card{0%,32%{background:var(--tw-surface);padding:1em;animation-timing-function:cubic-bezier(.2,.8,.2,1)}44%{padding:1.5em}60%{background:var(--tw-surface)}68%,to{background:var(--twc-teal-3);padding:1.5em}}@keyframes s3-hatch{0%,32%{padding:1em;animation-timing-function:cubic-bezier(.2,.8,.2,1)}44%,to{padding:1.5em}}@keyframes s3-cap-was{0%,37.9%{opacity:1}38%,to{opacity:0}}@keyframes s3-cap-want{0%,37.9%{opacity:0}38%,to{opacity:1}}@keyframes s3-cursor{0%,44%{opacity:0;animation-timing-function:cubic-bezier(.45,0,.2,1);transform:translate(17em,13.6em)}48%{opacity:1}56%{transform:translate(20.75em,7.25em)scale(1)}58%{transform:translate(20.75em,7.25em)scale(.82)}61%,to{opacity:1;transform:translate(20.75em,7.25em)scale(1)}}@keyframes s3-swatch{0%,57.9%{background:var(--tw-surface);box-shadow:inset 0 0 0 1px var(--twc-gray-6)}58%,66%{background:var(--twc-teal-3);box-shadow:inset 0 0 0 1px var(--twc-gray-6), 0 0 0 .15em var(--tw-accent)}72%,to{background:var(--twc-teal-3);box-shadow:inset 0 0 0 1px var(--twc-gray-6)}}@keyframes s3-hex-was{0%,57.9%{opacity:1}58%,to{opacity:0}}@keyframes s3-hex-want{0%,57.9%{opacity:0}58%,to{opacity:1}}[data-scene="4"] .step-scene__cursor{animation-name:s4-cursor}[data-scene="4"] .step-scene__copy{animation-name:s4-copy}[data-scene="4"] .step-scene__copy>b:first-child{animation-name:s4-label}[data-scene="4"] .step-scene__copy>b:last-child{animation-name:s4-copied}[data-scene="4"] .step-scene__chip{animation-name:s4-chip}@keyframes s4-cursor{0%,6%{opacity:0;animation-timing-function:cubic-bezier(.45,0,.2,1);transform:translate(8em,13.6em)}10%{opacity:1}34%{transform:translate(22.4em,12.1em)scale(1)}38%{transform:translate(22.4em,12.1em)scale(.82)}42%,to{opacity:1;transform:translate(22.4em,12.1em)scale(1)}}@keyframes s4-copy{0%,39.9%{background:var(--tw-accent-solid)}40%,to{background:var(--twc-teal-11)}}@keyframes s4-label{0%,39.9%{opacity:1}40%,to{opacity:0}}@keyframes s4-copied{0%,39.9%{opacity:0}40%,to{opacity:1}}@keyframes s4-chip{0%,41%{opacity:0;transform:translate(-50%,8.7em)scale(.7)}46%{opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);transform:translate(-50%,7.9em)scale(.9)}70%,to{opacity:1;transform:translate(-50%)scale(1)}}.scene-stage{--stage-h:620px;isolation:isolate;background:var(--tw-surface);border:1px solid var(--tw-border);border-radius:var(--twc-r-3xl);text-align:start;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 24px 64px -24px #18181b38;container:stage/inline-size}.stage-bar{align-items:center;gap:var(--tw-space-3);height:44px;padding:0 var(--tw-space-4);border-bottom:1px solid var(--tw-border);background:var(--twc-gray-2);display:flex}.stage-bar__dots{flex:none;gap:6px;display:flex}.stage-bar__dots i{background:var(--twc-gray-6);border-radius:50%;width:10px;height:10px}.stage-bar__url{min-width:0;padding:4px var(--tw-space-3);border-radius:var(--twc-r-full);background:var(--tw-surface);box-shadow:inset 0 0 0 1px var(--tw-border);color:var(--tw-fg-secondary);font-family:var(--tw-font-mono);white-space:nowrap;text-overflow:ellipsis;flex:0 420px;align-items:center;gap:6px;margin:0 auto;font-size:12px;line-height:18px;display:flex;overflow:hidden}.stage-bar__url svg{color:var(--tw-fg-muted);flex:none}.stage-bar__ext{border-radius:var(--twc-r-md);background:color-mix(in srgb, var(--tw-accent) 14%, transparent);flex:none;place-items:center;width:28px;height:28px;display:grid;position:relative}.stage-bar__ext:after{content:"";background:var(--twc-green-9,#30a46c);width:7px;height:7px;box-shadow:0 0 0 2px var(--twc-gray-2);border-radius:50%;position:absolute;bottom:3px;right:3px}.stage-hint{top:calc(44px + var(--tw-space-3));left:var(--tw-space-4);z-index:8;align-items:center;gap:var(--tw-space-2);padding:6px var(--tw-space-3);border-radius:var(--twc-r-full);color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18181bc7;margin:0;font-size:13px;font-weight:500;line-height:18px;display:flex;position:absolute}.scene-stage__view{height:var(--stage-h);position:relative}@container stage (width<=600px){.stage-hint{font-size:12px}}