.demo-stage{isolation:isolate;background:#0b0a09;border-radius:24px;margin:0;padding:clamp(8px,1.2vw,14px);position:relative;box-shadow:0 0 0 1px #f4f1eb12,0 40px 90px -50px #14130fbf}.demo-stage:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.demo-stage__light{z-index:0;pointer-events:none;background:radial-gradient(closest-side,#ff7a5c29,#0000);height:128px;position:absolute;top:-64px;left:12%;right:12%}.demo-stage__screen{z-index:1;box-shadow:inset 0 0 0 1px var(--pf-line);border-radius:14px;position:relative;overflow:hidden;container-type:inline-size}.demo-stage--bare{box-shadow:none;background:0 0;padding:0}.demo-stage--bare:after{display:none}.demo-stage--bare .demo-stage__screen{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.demo-stage__pause{z-index:3;color:#f4f1eb;min-height:34px;font:500 13px/1 var(--font-sans);cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0e0cc7;border:1px solid #f4f1eb29;border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 10px;transition:opacity .2s;display:inline-flex;position:absolute;bottom:clamp(14px,1.8vw,22px);right:clamp(14px,1.8vw,22px)}.demo-stage:hover .demo-stage__pause,.demo-stage__pause:focus-visible,.demo-stage__pause[data-paused=true]{opacity:1}.demo-stage__pause:focus-visible{outline:2px solid var(--coral-bright,#ff7a5c);outline-offset:2px}@media (hover:none){.demo-stage__pause{opacity:.9;min-height:44px;padding:0 14px 0 12px}}.demo-stage__pause-icon{background:linear-gradient(currentColor,currentColor) 0/3px 100% no-repeat,linear-gradient(currentColor,currentColor) 100%/3px 100% no-repeat;flex:none;width:10px;height:10px}.demo-stage__pause[data-paused=true] .demo-stage__pause-icon{clip-path:polygon(15% 0,100% 50%,15% 100%);background:currentColor}[data-demo][data-demo-paused] *,[data-demo][data-demo-paused] :before,[data-demo][data-demo-paused] :after{animation-play-state:paused!important}
.pf{--pf-bg:#0f0e0c;--pf-s0:#131210;--pf-s1:#171614;--pf-s2:#1a1917;--pf-s3:#1e1d1a;--pf-s4:#21201e;--pf-muted:#1f1d19;--pf-line:#2a2722;--pf-line-strong:#3a3630;--pf-grid:#22201b;--pf-t1:#fdf9f2;--pf-t2:#c5c2bb;--pf-t3:#9a968e;--pf-t4:#9a968e;--pf-signal:#ff7a5c;--pf-signal-soft:#ff7a5c24;--pf-signal-line:#ff7a5c73;--pf-success:#54b695;--pf-warning:#eaab3e;--pf-info:#6e96cf;--pf-danger:#df5349;--pf-c2:#d9d4c9;--pf-c3:#969188;--pf-c5:#ae9b6f;--pf-c6:#7498aa;--pf-c7:#b69472;--pf-c8:#a292aa;--pf-c9:#619e8a;--pf-c10:#b68372;--pf-ease:cubic-bezier(.22, 1, .36, 1);color:var(--pf-t1);background:var(--pf-bg);font-family:var(--font-sans);font-feature-settings:"tnum" 0;font-size:14px;line-height:1.5}.pf *,.pf :before,.pf :after{box-sizing:border-box}.pf .pf-card{background:var(--pf-s1);border:1px solid var(--pf-line);border-radius:12px}.pf .pf-chip{background:var(--pf-s3);border:1px solid var(--pf-line);height:24px;color:var(--pf-t2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:12px;line-height:1;display:inline-flex}.pf .pf-dot{background:var(--pf-signal);border-radius:999px;flex:none;width:6px;height:6px}.pf .pf-avatar{object-fit:cover;width:28px;height:28px;image-rendering:pixelated;background:#c9d1f2;border-radius:999px;flex:none}.pf .pf-num{font-variant-numeric:tabular-nums}.pf .is-typing:after{content:"";vertical-align:-.15em;background:var(--pf-signal);width:2px;height:1.05em;margin-left:2px;animation:1s step-end infinite pf-caret;display:inline-block}@keyframes pf-caret{50%{opacity:0}}