.prompt-demo{overflow:clip}.prompt-demo__head .chip__mark .icon{width:.85rem;height:.85rem}.prompt-demo__works{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.prompt-demo__works-label{font-size:var(--text-sm);color:var(--fg-muted)}.prompt-demo__works-list{justify-content:center;gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.prompt-demo__works-item{border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--line);min-height:42px;font-size:var(--text-sm);align-items:center;gap:.5rem;padding:.35rem 1rem .35rem .4rem;font-weight:600;display:inline-flex}.prompt-demo__works-icon{background:var(--surface);width:30px;height:30px;color:var(--brand);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid}.prompt-demo__works-icon .icon{width:15px;height:15px}.pd__stage{margin-top:clamp(1rem,.5rem + 2vw,2.5rem);position:relative;container-type:inline-size}.pd__stage:before{content:"";z-index:-1;aspect-ratio:2;background:radial-gradient(closest-side, var(--glow), transparent);filter:blur(30px);pointer-events:none;border-radius:50%;width:min(1100px,120%);position:absolute;top:40%;left:50%;translate:-50% -50%}.pd__scene{perspective:2400px;perspective-origin:50% 40%;justify-items:center;padding-block:1.5rem 2.5rem;display:grid;position:relative}.pd__device{--bezel:#0b0d12;aspect-ratio:16/10.4;width:min(100%,1000px);transform-style:preserve-3d;transform-origin:75%;transition:transform 1.3s var(--ease-in-out);font-size:clamp(7px,1.22cqi,13px);position:relative}@container (width<=640px){.pd__device{aspect-ratio:10/12;font-size:clamp(6.5px,2.15cqi,11px)}}.pd__device[data-fold=closed]{transform:translate(-25%)rotateY(-16deg)rotateX(5deg)}.pd__device[data-fold=back]{transform:translate(-25%)rotateY(160deg)rotateX(8deg)}.pd__device.is-instant,.pd__device.is-instant *{transition:none!important}.pd__leaf{width:50%;height:100%;transform-style:preserve-3d;position:absolute;top:0}.pd__leaf--left{transform-origin:100%;transition:transform 1.2s var(--ease-in-out);left:0}.pd__leaf--right{left:50%}.pd__device:not([data-fold=open]) .pd__leaf--left{transform:rotateY(180deg)translateZ(-2px)}.pd__face{backface-visibility:hidden;border:.55em solid var(--bezel);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.pd__leaf--left .pd__face{border-radius:2.6em .4em .4em 2.6em}.pd__leaf--right .pd__face{border-radius:.4em 2.6em 2.6em .4em}.pd__leaf--left .pd__face--app{border-right-width:.2em}.pd__leaf--right .pd__face--site{border-left-width:.2em}.pd__face--cover,.pd__face--back{transform:rotateY(180deg);border-radius:2.6em!important}.pd__shadow{filter:blur(6px);width:min(80%,820px);height:2.2rem;transition:scale 1.2s var(--ease-in-out), opacity 1.2s var(--ease-in-out);background:radial-gradient(closest-side,#0a0b1047,#0000);border-radius:50%;position:absolute;bottom:.6rem;left:50%;translate:-50%}:is(.pd__stage:has([data-fold=closed]) .pd__shadow,.pd__stage:has([data-fold=back]) .pd__shadow){opacity:.7;scale:.5 1}.pd__status{flex:none;justify-content:space-between;align-items:center;padding:.9em 1.4em .3em;font-size:.85em;font-weight:650;display:flex}.pd__status-icons{align-items:flex-end;gap:.25em;display:inline-flex}.pd__status-icons i{background:currentColor;border-radius:1px;width:.3em;height:.55em}.pd__status-icons i+i{height:.8em}.pd__status-icons b{background:linear-gradient(90deg,currentColor 70%,#0000 70%) content-box content-box;border:1.5px solid;border-radius:.25em;width:1.6em;height:.8em;margin-left:.2em;padding:1px}.pd__face--app{color:#eef1f8;background:radial-gradient(90% 50% at 50% 0,#146ef538,#0000 70%),#0b0e15}.pd__apphead{flex:none;align-items:center;gap:.8em;padding:.6em 1.4em;font-size:1em;display:flex}.pd__apphead>.icon{color:#8c93a8;width:1.3em;height:1.3em}.pd__appname{align-items:center;gap:.2em;font-weight:650;display:inline-flex}.pd__appname .icon{color:#8c93a8;width:1em;height:1em}.pd__appmark{width:2em;height:2em;color:var(--sky);background:#ffffff0f;border-radius:.6em;place-items:center;margin-left:auto;display:grid}.pd__appmark .mark{width:1.2em;height:auto}.pd__welcome{text-align:center;transition:opacity .45s var(--ease-out), translate .45s var(--ease-out);flex:1;align-content:center;justify-items:center;gap:.6em;padding:0 1.6em;display:grid}.pd__orb{width:5.2em;height:5.2em;animation:pd-orb 4s var(--ease-in-out) infinite;background:radial-gradient(circle at 35% 30%,#ffffff80,#0000 32%),radial-gradient(circle at 50% 55%,#3b8bff,#0f3d8f 70%,#071a3d);border-radius:50%;margin-bottom:.6em;position:relative;box-shadow:0 0 2.5em #146ef58c,inset 0 0 0 1px #7cb0ff4d}.pd__orb i{animation:pd-ring 2.6s var(--ease-out) infinite;border:1px solid #7cb0ff59;border-radius:50%;position:absolute;inset:-.6em}@keyframes pd-orb{50%{filter:brightness(1.15);scale:1.06}}@keyframes pd-ring{0%{opacity:.9;scale:.85}to{opacity:0;scale:1.35}}.pd__welcome-title{letter-spacing:-.02em;font-size:1.35em;font-weight:680}.pd__welcome-sub{color:#8c93a8;font-size:.9em}.pd__suggestions{text-align:left;gap:.35em;width:100%;margin-top:.9em;padding:0;list-style:none;display:grid}.pd__suggestions li{color:#c5cad8;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:.8em;padding:.7em .9em;font-size:.9em;overflow:hidden}.pd__log{flex-direction:column;flex:1;gap:.8em;min-height:0;padding:.8em 1.4em;display:flex;overflow:hidden}.pd__bubble{background:#1b2130;border:1px solid #ffffff12;border-radius:1.2em 1.2em .35em;align-self:flex-end;max-width:88%;padding:.85em 1.05em;font-size:.95em;line-height:1.45}.pd__thinking{color:#8c93a8;align-items:center;gap:.6em;font-size:.9em;display:none}.pd__steps{gap:.45em;padding:0;list-style:none;display:grid}.pd__step{color:#c5cad8;background:#ffffff0a;border-radius:.7em;align-items:flex-start;gap:.6em;padding:.55em .75em;font-size:.88em;line-height:1.4;display:flex}.pd__step-mark{flex:none;place-items:center;width:1.35em;height:1.35em;margin-top:.02em;display:grid;position:relative}.pd__step-mark .icon{background:var(--good);color:#fff;stroke-width:3px;width:1.35em;height:1.35em;transition:scale .4s var(--ease-spring);border-radius:50%;padding:.2em;position:absolute;scale:0}.pd__step.is-done .pd__step-mark .icon{scale:1}.pd__step.is-done .pd__spinner{opacity:0;animation:none}.pd__spinner{border:2px solid #7cb0ff40;border-top-color:var(--sky);border-radius:50%;flex:none;width:1.1em;height:1.1em;animation:.8s linear infinite pd-spin}@keyframes pd-spin{to{rotate:1turn}}.pd__done{color:#eef1f8;font-size:.95em;line-height:1.45}.pd__input{min-height:3.2em;transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);background:#141924;border:1px solid #ffffff1a;border-radius:1.4em;flex:none;align-items:center;gap:.6em;margin:.6em 1em 1em;padding:.45em .5em .45em .9em;font-size:.92em;display:flex}.pd__input>.icon{color:#8c93a8;flex:none;width:1.2em;height:1.2em}.pd__typed{color:#eef1f8;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-width:0;line-height:1.4;display:-webkit-box;overflow:hidden}.pd__caret{background:var(--sky);flex:none;width:1.5px;height:1.2em;margin-left:-.5em;animation:1s step-end infinite pd-blink;display:none}@keyframes pd-blink{50%{opacity:0}}.pd__send{background:var(--brand);color:#fff;width:2.2em;height:2.2em;transition:scale var(--dur-base) var(--ease-spring);border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid;rotate:-90deg}.pd__send .icon{width:1.1em;height:1.1em}.pd__face--cover{color:#fff;background:radial-gradient(80% 60% at 30% 10%,#7cb0ff8c,#0000 60%),radial-gradient(90% 70% at 90% 100%,#146ef5a6,#0000 65%),linear-gradient(#c9d8f0,#4f7fcf 55%,#0d2a66)}.pd__lock{text-align:center;flex:1;align-content:start;justify-items:center;gap:.2em;padding:3.2em 1.4em 1em;display:grid}.pd__lock-date{opacity:.9;font-size:1.1em;font-weight:560}.pd__lock-time{letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 .06em .3em #07080c40;font-size:6.4em;font-weight:700;line-height:1}.pd__lock-notice{-webkit-backdrop-filter:blur(14px);text-align:left;width:100%;transition:opacity .6s var(--ease-out), translate .6s var(--ease-out);background:#0c101c73;border-radius:1.2em;align-items:flex-start;gap:.7em;margin-top:2.2em;padding:.85em .95em;font-size:.92em;line-height:1.35;display:flex}.pd__lock-icon{background:var(--brand);color:#fff;border-radius:.65em;flex:none;place-items:center;width:2.3em;height:2.3em;display:grid}.pd__lock-icon .mark{width:1.4em;height:auto}.pd__lock-text{gap:.15em;min-width:0;display:grid}.pd__lock-text span{opacity:.85}.pd__face--back{background:linear-gradient(135deg,#ffffff1a,#0000 45%),linear-gradient(160deg,#e9edf4,#b7c1d1);border-color:#d5dbe5}.pd__cameras{background:#c9d1dd;border-radius:1.6em;gap:.6em;padding:.6em;display:flex;position:absolute;top:1.8em;left:1.8em;box-shadow:inset 0 .2em .6em #0a0b1026}.pd__cameras i{background:radial-gradient(circle at 40% 35%,#3a4a6a,#07080c 60%);border-radius:50%;width:2.8em;height:2.8em;box-shadow:0 0 0 .35em #2a2f3a}.pd__backmark{color:#0a0b102e;width:5em;position:absolute;top:55%;left:50%;translate:-50% -50%}.pd__backmark .mark{width:100%;height:auto}.pd__face--site{color:#0a0b10;background:#fbfcfe;position:absolute}.pd__notices{z-index:2;gap:.4em;padding:0;list-style:none;display:grid;position:absolute;top:2.6em;left:.9em;right:.9em}.pd__notice{-webkit-backdrop-filter:blur(14px);transition:opacity .5s var(--ease-out), translate .6s var(--ease-spring);background:#ffffffe0;border-radius:1.1em;align-items:center;gap:.7em;padding:.75em .85em;font-size:.85em;line-height:1.3;display:flex;box-shadow:0 .8em 2em -.8em #0a0b1059,0 0 0 1px #0a0b100f}.pd__notice-icon{background:var(--brand);color:#fff;border-radius:.7em;flex:none;place-items:center;width:2.4em;height:2.4em;display:grid}.pd__notice:nth-child(2) .pd__notice-icon{background:var(--good)}.pd__notice:nth-child(3) .pd__notice-icon{background:var(--warn)}.pd__notice-icon .icon{width:1.25em;height:1.25em}.pd__notice-text{flex:1;min-width:0;display:grid}.pd__notice-text span{color:#4a4f5e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pd__notice-time{color:#7d8294;flex:none;align-self:flex-start;font-size:.85em}.pd__site{flex-direction:column;flex:1;gap:1em;min-height:0;padding:1em 1.6em;display:flex}.pd__site-head{align-items:center;gap:.6em;display:flex}.pd__site-logo{color:#fff;background:#0a0b10;border-radius:.65em;place-items:center;width:2.2em;height:2.2em;display:grid}.pd__site-logo .icon{width:1.15em;height:1.15em}.pd__site-brand{letter-spacing:-.02em;font-weight:700}.pd__site-links{gap:.5em;margin-left:auto;display:flex}.pd__site-links i{background:#e6e9f0;border-radius:99px;width:2.6em;height:.45em}.pd__site-title{letter-spacing:-.045em;text-wrap:balance;font-size:1.75em;font-weight:760;line-height:1.05}.pd__form{background:#fff;border:1px solid #0a0b1012;border-radius:1.2em;gap:.9em;padding:1.1em;display:grid;box-shadow:0 1em 2.4em -1.4em #0a0b1040}.pd__stepper{justify-content:space-between;padding:0;list-style:none;display:flex;position:relative}.pd__stepper:before{content:"";background:#e1e5ee;height:1px;position:absolute;top:50%;left:1em;right:1em}.pd__stepper li{color:#7d8294;background:#fff;border:1px solid #e1e5ee;border-radius:50%;place-items:center;width:2em;height:2em;font-size:.8em;font-weight:650;display:grid;position:relative}.pd__stepper li.is-current{border:2px solid var(--brand);color:var(--brand)}.pd__question{font-size:1em;font-weight:650}.pd__tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5em;padding:0;list-style:none;display:grid}@container (width<=640px){.pd__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.pd__tile:nth-child(n+5){display:none}}.pd__tile{text-align:center;transition:border-color var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out), scale var(--dur-base) var(--ease-spring);border:1.5px solid #e6e9f0;border-radius:.8em;justify-items:center;gap:.4em;padding:.75em .3em;font-size:.78em;font-weight:560;display:grid}.pd__tile-art{background:linear-gradient(135deg,#dfe8f7,#b9cdf0);border-radius:.4em;width:2.2em;height:1.6em}.pd__tile.is-picked{border-color:var(--brand);background:#146ef50f}.pd__tile.is-picked .pd__tile-art{background:linear-gradient(135deg, #5b9bff, var(--brand))}.pd__site-btn{color:#fff;background:#0a0b10;border-radius:99px;justify-content:center;align-items:center;gap:.5em;min-height:2.8em;font-size:.9em;font-weight:620;display:inline-flex}.pd__site-btn .icon{width:1.1em;height:1.1em}.pd__address{color:#4a4f5e;white-space:nowrap;background:#f0f2f7;border-radius:99px;flex:none;align-self:center;align-items:center;gap:.4em;max-width:calc(100% - 2em);margin:.4em 0 .9em;padding:.35em .9em;font-size:.78em;display:inline-flex}.pd__address>.icon{width:1em;height:1em;color:var(--good);flex:none}.pd__address>span:first-of-type{text-overflow:ellipsis;overflow:hidden}.pd__live{color:var(--good);transition:opacity .5s var(--ease-out);border-left:1px solid #dde1ea;align-items:center;gap:.4em;margin-left:.3em;padding-left:.6em;font-weight:650;display:inline-flex}.pd__live .live-dot{width:.6em;height:.6em}.pd__controls{justify-content:center;align-items:center;gap:var(--space-3);margin-top:calc(var(--space-2) * -1);display:flex}.pd__replay{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);min-height:40px;box-shadow:var(--shadow-sm);font-size:var(--text-sm);color:var(--fg-soft);transition:color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);align-items:center;gap:.45rem;padding:0 1rem;font-weight:560;display:inline-flex}.pd__replay[hidden]{display:none}.pd__replay .icon{width:16px;height:16px}.pd__replay:hover{color:var(--fg);box-shadow:var(--shadow-md)}.pd__replay:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.prompt-demo[data-run] .pd__welcome{opacity:1}.prompt-demo[data-run] .pd__face--app:not(.is-sent) .pd__log,.prompt-demo:not([data-run]) .pd__welcome,.prompt-demo[data-run] .pd__face--app.is-sent .pd__welcome{display:none}.prompt-demo[data-run] .pd__face--app.is-typing .pd__caret{display:block}.prompt-demo[data-run] .pd__face--app.is-typing .pd__input{border-color:#7cb0ff80;box-shadow:0 0 0 3px #7cb0ff1f}.prompt-demo[data-run] .pd__thinking.is-on{display:flex}.prompt-demo[data-run] .pd__bubble,.prompt-demo[data-run] .pd__step,.prompt-demo[data-run] .pd__done,.prompt-demo[data-run] [data-pd-at],.prompt-demo[data-run] .pd__lock-notice{transition:opacity .5s var(--ease-out), translate .5s var(--ease-out), clip-path .7s var(--ease-out)}.prompt-demo[data-run] .pd__bubble:not(.is-on),.prompt-demo[data-run] .pd__step:not(.is-on),.prompt-demo[data-run] .pd__done:not(.is-on){display:none}.prompt-demo[data-run] .pd__bubble.is-on,.prompt-demo[data-run] .pd__step.is-on,.prompt-demo[data-run] .pd__done.is-on{animation:pd-in .5s var(--ease-out) both}@keyframes pd-in{0%{opacity:0;translate:0 .8em}}.prompt-demo[data-run] [data-pd-at]:not(.is-on){opacity:0;translate:0 1em}.prompt-demo[data-run] .pd__tiles:not(.is-on){clip-path:inset(0 0 100%)}.prompt-demo[data-run] .pd__tile:not(.is-picked){border-color:#e6e9f0}.prompt-demo[data-run] .pd__lock-notice:not(.is-on){opacity:0;translate:0 -1.2em}.prompt-demo[data-run] .pd__notice:not(.is-on){opacity:0;pointer-events:none;translate:0 -140%}.prompt-demo[data-run] .pd__notice{grid-area:1/1}.prompt-demo[data-run] .pd__notice.is-gone{opacity:0;translate:0 -40%;scale:.96}.prompt-demo[data-run] .pd__live:not(.is-on){opacity:0}.prompt-demo__cards{gap:var(--space-4);margin-top:clamp(2rem,1rem + 3vw,4rem);padding:0;list-style:none;display:grid}@media (width>=640px){.prompt-demo__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.prompt-demo__cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.prompt-demo__card{align-content:start;gap:var(--space-3);border-radius:var(--radius-xl);background:var(--surface-2);border:1px solid var(--line);transition:translate var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);padding:clamp(1.25rem,1rem + 1vw,1.6rem);display:grid}.prompt-demo__card:hover{box-shadow:var(--shadow-md);translate:0 -3px}.prompt-demo__num{width:34px;height:34px;margin-bottom:var(--space-2);background:var(--info-soft);color:var(--brand);font-size:var(--text-sm);border-radius:50%;place-items:center;font-weight:650;display:grid}[data-tone=dark] .prompt-demo__num{color:var(--sky)}@media (prefers-reduced-motion:reduce){.pd__orb,.pd__orb i,.pd__spinner{animation:none}}.prompt-demo:not([data-run]) .pd__notices{margin:.3em .9em 0;position:static}