.gradient-ascii-container{width:100%;height:100%;position:relative;overflow:hidden}.gradient-ascii-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}
.figure{isolation:isolate;background-color:var(--color-frame);outline-offset:-1px;background-image:radial-gradient(circle at 1px 1px,#dde2f4 .8px,#0000 .9px);background-size:4px 4px;outline:1px dotted #cdd4f0;position:relative}.figure__bg{z-index:-1;position:absolute;inset:0}.figure__label{color:#8497d4;font:500 10px/1 var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.12em;writing-mode:vertical-rl;-webkit-user-select:none;user-select:none;position:absolute;top:10px;right:7px}
.phone-frame{--phone-h:min(clamp(480px, calc(100svh - 260px), 720px), calc(100cqw * 852 / 393));height:var(--phone-h);aspect-ratio:393/852;border-radius:calc(var(--phone-h) * .045);animation:phone-frame-in .7s cubic-bezier(.16, 1, .3, 1) calc(var(--reveal-delay,0s) + .5s) both}@keyframes phone-frame-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.phone-frame{animation:none}}
.prompt-bar{--pb-bg:#27272a;--pb-ink:#f5f5f5;--pb-menu:#323236;--pb-w:400px;--pb-radius:16px;--pb-press:.96;--pb-spark:#b39dff;--pb-ease-out:cubic-bezier(.23, 1, .32, 1);--pb-muted:color-mix(in srgb, var(--pb-ink) 55%, transparent);--pb-hover:color-mix(in srgb, var(--pb-ink) 8%, transparent);width:min(var(--pb-w), 100%);color:var(--pb-ink);font-family:inherit;font-size:14px;line-height:22px;position:relative}.prompt-bar__menu{z-index:2;background:var(--pb-menu);transform-origin:bottom;animation:prompt-bar-pop .18s var(--pb-ease-out) both;border-radius:12px;padding:4px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 10px 30px -10px #00000059,0 1px 2px #00000014}.prompt-bar__menu[data-kind=model]{transform-origin:0 100%;width:200px;right:auto}@keyframes prompt-bar-pop{0%{opacity:0;transform:translateY(4px)scale(.98)}}.prompt-bar__glow{background:var(--pb-hover);opacity:0;pointer-events:none;transition:top .22s var(--pb-ease-out), height .22s var(--pb-ease-out), opacity .15s ease;border-radius:8px;position:absolute;left:4px;right:4px}.prompt-bar__row{z-index:1;width:100%;height:36px;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;outline:none;align-items:center;gap:10px;padding:0 8px;display:flex;position:relative}.prompt-bar__row-icon{width:20px;color:color-mix(in srgb, var(--pb-ink) 70%, transparent);flex:none;justify-content:center;display:inline-flex}.prompt-bar__row-name{flex:none;font-size:13px;font-weight:500}.prompt-bar__row-desc{min-width:0;color:var(--pb-muted);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:12px;overflow:hidden}.prompt-bar__row-tag{color:var(--pb-muted);flex:none;margin-left:auto;font-size:11px}.prompt-bar__row-check{opacity:0;flex:none;justify-content:center;width:16px;display:inline-flex}.prompt-bar__row-check[data-on]{opacity:1}.prompt-bar__empty{height:36px;color:var(--pb-muted);align-items:center;padding:0 8px;font-size:12px;display:flex}.prompt-bar__field{isolation:isolate;border-radius:var(--pb-radius);background:var(--pb-bg);cursor:text;flex-direction:column;gap:8px;padding:12px;display:flex;position:relative}.prompt-bar__field:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(140% 120% at 0% 100%, color-mix(in srgb, var(--pb-spark) 26%, transparent), transparent 62%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.prompt-bar__field[data-max]:before{opacity:1}.prompt-bar__sparks{z-index:-1;border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.prompt-bar__chips{flex-wrap:wrap;gap:6px;display:flex}.prompt-bar__chip{background:var(--pb-hover);height:26px;animation:prompt-bar-pop .2s var(--pb-ease-out) both;border-radius:8px;align-items:center;gap:6px;padding:0 4px 0 8px;font-size:12px;display:inline-flex}.prompt-bar__chip-name{white-space:nowrap;text-overflow:ellipsis;max-width:144px;overflow:hidden}.prompt-bar__chip-x{width:18px;height:18px;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;border-radius:5px;outline:none;place-items:center;padding:0;transition:opacity .12s,background-color .12s;display:inline-grid}.prompt-bar__chip-x:hover{background:color-mix(in srgb, var(--pb-ink) 10%, transparent);opacity:1}.prompt-bar__input{width:100%;color:inherit;font:inherit;resize:none;overflow-wrap:anywhere;background:0 0;border:0;outline:none;padding:0;font-size:14px;line-height:22px;display:block}.prompt-bar__input::placeholder{color:color-mix(in srgb, var(--pb-ink) 45%, transparent)}@media (pointer:coarse){.prompt-bar__input{font-size:16px}}.prompt-bar__bar{align-items:center;gap:4px;display:flex}.prompt-bar__spacer{flex:auto}.prompt-bar__tool,.prompt-bar__pick,.prompt-bar__send{font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0;outline:none;flex:none}.prompt-bar__tool{width:28px;height:28px;color:color-mix(in srgb, var(--pb-ink) 60%, transparent);transition:background-color .15s ease, color .15s ease, transform .16s var(--pb-ease-out);background:0 0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.prompt-bar__tool:active{transform:scale(.94)}.prompt-bar__pick{height:28px;color:color-mix(in srgb, var(--pb-ink) 70%, transparent);background:0 0;border-radius:8px;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex}.prompt-bar__tool[data-on],.prompt-bar__pick[data-on]{background:var(--pb-hover);color:var(--pb-ink)}@media (hover:hover) and (pointer:fine){.prompt-bar__tool:hover,.prompt-bar__pick:hover{background:var(--pb-hover);color:var(--pb-ink)}}.prompt-bar__pick[data-max]{color:var(--pb-spark)}.prompt-bar__menu[data-kind=effort]{transform-origin:0 100%;width:248px;padding:12px 14px 14px;right:auto}.prompt-bar__effort-head{align-items:center;gap:8px;font-size:13px;line-height:18px;display:flex}.prompt-bar__effort-title{color:var(--pb-muted)}.prompt-bar__effort-level{font-weight:500}.prompt-bar__effort-help{color:var(--pb-muted);margin-left:auto;display:inline-flex}.prompt-bar__effort-ends{color:var(--pb-muted);justify-content:space-between;margin-top:12px;font-size:12px;line-height:16px;display:flex}.prompt-bar__effort-track{background:var(--pb-hover);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:11px;outline:none;height:22px;margin-top:8px;position:relative}.prompt-bar__effort-fill{width:var(--pb-effort-fill);background:color-mix(in srgb, var(--pb-ink) 18%, transparent);transition:width .22s var(--pb-ease-out), background-color .3s ease;border-radius:11px;position:absolute;top:0;bottom:0;left:0}.prompt-bar__effort-dot{background:color-mix(in srgb, var(--pb-ink) 30%, transparent);border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%}.prompt-bar__effort-thumb{top:-3px;left:var(--pb-effort-x);background:var(--pb-ink);width:14px;height:28px;transition:left .22s var(--pb-ease-out), background-color .3s ease;border-radius:7px;margin-left:-7px;position:absolute;box-shadow:0 2px 6px #00000040}.prompt-bar[data-max] .prompt-bar__effort-fill{background:color-mix(in srgb, var(--pb-spark) 35%, transparent)}.prompt-bar[data-max] .prompt-bar__effort-thumb{background:var(--pb-spark)}.prompt-bar__eq{align-items:center;gap:2.5px;height:14px;display:flex}.prompt-bar__eq i{transform-origin:50%;background:currentColor;border-radius:999px;width:2.5px;height:100%;animation:.9s ease-in-out infinite prompt-bar-eq;display:block}.prompt-bar__eq i:nth-child(2){animation-delay:.15s}.prompt-bar__eq i:nth-child(3){animation-delay:.3s}@keyframes prompt-bar-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.prompt-bar__send{background:color-mix(in srgb, var(--pb-ink) 12%, var(--pb-bg));width:28px;height:28px;color:color-mix(in srgb, var(--pb-ink) 55%, var(--pb-bg));transition:background-color .2s ease, color .2s ease, transform .16s var(--pb-ease-out);border-radius:8px;place-items:center;padding:0;display:inline-grid;position:relative}.prompt-bar__send:disabled{cursor:default}.prompt-bar__send[data-armed]{background:var(--pb-ink);color:var(--pb-bg)}.prompt-bar__send[data-pressed]{transform:scale(var(--pb-press))}.prompt-bar__glyph{transform-origin:50%;width:16px;height:16px;display:block}@media (prefers-reduced-motion:reduce){.prompt-bar__menu,.prompt-bar__chip{animation:none}.prompt-bar__glow{transition:opacity .15s}.prompt-bar__effort-fill,.prompt-bar__effort-thumb{transition:background-color .3s}.prompt-bar__tool:active,.prompt-bar__send[data-pressed]{transform:none}}.prompt-bar__send:focus-visible{outline:2px solid var(--pb-ink);outline-offset:2px}@media (pointer:coarse){.prompt-bar__send:after{content:"";position:absolute;inset:-8px}}
.prompt-demo__thread{-webkit-mask-image:linear-gradient(#0000 0,#000 16px calc(100% - 16px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 16px calc(100% - 16px),#0000 100%)}.prompt-demo__user{transform-origin:100% 100%;animation:.22s cubic-bezier(.16,1,.3,1) both prompt-demo-rise}.prompt-demo__word{animation:.7s cubic-bezier(.16,1,.3,1) both prompt-demo-reveal;animation-delay:min(calc(var(--i) * 30ms), .36s);display:inline-block}.prompt-demo__composer{--pad-x:12px;--pad-bottom:16px;padding:8px var(--pad-x) var(--pad-bottom);flex-shrink:0;position:relative}.prompt-demo__control{right:calc(var(--pad-x) + 12px);bottom:calc(var(--pad-bottom) + 12px);width:28px;height:28px;color:var(--color-frame);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute}.prompt-demo__control:after{content:"";position:absolute;inset:-8px}.prompt-demo__control svg{width:16px;height:16px}.prompt-demo__control[data-paused]{background:var(--color-blue)}.prompt-demo__control:hover{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-blue) 30%, transparent)}.prompt-demo__control:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.prompt-demo__composer[data-control] .prompt-bar__send{background:var(--color-blue);color:var(--color-frame)}.prompt-demo__thread[data-leaving]{opacity:0;transition:opacity var(--fade) ease-in}.prompt-demo .prompt-bar__field{box-shadow:inset 0 0 0 1px var(--color-blue)}.prompt-demo .prompt-bar__input::placeholder{color:color-mix(in srgb, var(--pb-ink) 72%, transparent)}@keyframes prompt-demo-rise{0%{opacity:0;transform:translateY(6px)scale(.98)}}@keyframes prompt-demo-reveal{0%{opacity:0;filter:blur(6px);transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.prompt-demo__user,.prompt-demo__word{animation:none}}
.site-title{-webkit-mask-image:repeating-linear-gradient(#000 0 .09em,#0000 .09em .125em);mask-image:repeating-linear-gradient(#000 0 .09em,#0000 .09em .125em)}.hatch{height:7px;image-rendering:pixelated;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='7'%3E%3Cdefs%3E%3Cpattern id='p' width='2' height='2' patternUnits='userSpaceOnUse'%3E%3Crect width='1' height='1' fill='%23959595'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23959595'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='7' height='7' fill='%23e6e6e6'/%3E%3Crect width='7' height='7' fill='url(%23p)'/%3E%3C/svg%3E");background-repeat:repeat-x}