.beautiful-prompt,.prompt-demo{--page:#fafafb;--canvas:#f1f2f3;--surface:#fff;--inset:#f7f8f9;--hover:#f4f5f6;--hover-2:#e7e9eb;--ink:#1f2124;--ink-2:#62656b;--ink-3:#9a9da3;--line:#ecedef;--line-strong:#e0e2e5;--line-soft:#f3f4f5;--grid-line:color-mix(in srgb,var(--line)78%,transparent);--field:#f2f2f3;--stripe:#49494913;--stripe-bg:#f5f5f5;--accent:#0285ff;--accent-ink:#0070dd;--accent-tint:#e9f3ff;--green:#199a4d;--green-tint:#e8f5ed;--orange:#ef720d;--orange-tint:#fdf1e5;--red:#e3474c;--red-tint:#fcecec;--tooltip-bg:#25272b;--tooltip-fg:#f6f7f8;--tooltip-muted:#a5a8ad;--tooltip-border:#3a3c40;--shadow-hairline:0 0 0 1px var(--line);--shadow-btn:0 0 0 1px var(--line-strong),var(--shadow-xs);--shadow-card:0 0 0 1px var(--line),var(--shadow-sm);--shadow-raised:0 0 0 1px var(--line),var(--shadow-md);--shadow-overlay:0 0 0 1px var(--line),var(--shadow-lg);--shadow-inset-field:inset 0 1px 2px #0000001f;--shadow-xs:0 0 4px 0 #0000000a;--shadow-sm:0 18px 47px 0 #00000008,0 7.5px 19px 0 #00000005,0 4px 10.5px 0 #00000005,0 2.3px 5.8px 0 #00000003,0 1.2px 3.1px 0 #00000003,0 .5px 1.3px 0 #00000003;--shadow-md:0 17.54px 23.39px 0 #0000000a,0 9.4px 12.5px 0 #00000008,0 5.25px 7px 0 #00000005,0 2.79px 3.72px -2px #00000003,0 1.16px 1.5px 0 #00000003;font-family:Inter,var(--font-geist-sans),ui-sans-serif,sans-serif;letter-spacing:-.01em;color:var(--ink);font-size:14px;line-height:1.5}@supports (color:lab(0% 0 0)){.beautiful-prompt,.prompt-demo{--page:lab(98.2514% .0993311 -.364041);--canvas:lab(95.4756% -.247031 -.706685);--surface:lab(100% 0 0);--inset:lab(97.5636% -.247091 -.706697);--hover:lab(96.5196% -.247061 -.706697);--hover-2:lab(92.2273% -.369281 -1.05962);--ink:lab(12.6337% -.3433 -2.2161);--ink-2:lab(42.652% -.228465 -3.75729);--ink-3:lab(64.5814% -.222504 -3.3918);--line:lab(93.7236% -.0822544 -1.13573);--line-strong:lab(89.7783% -.315458 -1.86191);--line-soft:lab(96.0478% -.0554919 -.757551);--field:lab(95.4674% .0993311 -.364041);--stripe:lab(30.98% -.0000149012 0/.075);--stripe-bg:lab(96.52% -.0000298023 .0000119209);--accent:lab(54.9811% 5.86078 -70.2564);--accent-ink:lab(46.9296% 6.70901 -64.2487);--accent-tint:lab(95.3282% -1.7131 -6.86686);--green:lab(55.8923% -47.5806 30.2997);--green-tint:lab(95.3589% -5.41565 2.25924);--orange:lab(62.7804% 45.8834 68.5536);--orange-tint:lab(95.8197% 2.7608 7.49484);--red:lab(54.068% 61.0195 33.5265);--red-tint:lab(94.7189% 5.47069 2.00307);--tooltip-bg:lab(15.5155% -.161305 -2.99361);--tooltip-fg:lab(97.2156% -.247061 -.706685);--tooltip-muted:lab(68.7689% -.379533 -2.99366);--tooltip-border:lab(25.2652% -.160247 -2.63022);--shadow-inset-field:inset 0 1px 2px lab(0% 0 0/.12)}}.prompt-demo[data-theme=dark],.prompt-demo[data-theme=dark] .beautiful-prompt{--page:#17181a;--canvas:#1c1d1f;--surface:#232427;--inset:#1f2022;--hover:#2a2b2e;--hover-2:#313236;--ink:#f2f3f4;--ink-2:#a5a8ad;--ink-3:#6c6f75;--line:#2e3033;--line-strong:#3a3c40;--line-soft:#27282b;--field:#2b2c2f;--stripe:#ffffff0e;--stripe-bg:#1b1c1e;--accent:#3d9aff;--accent-ink:#7ec0ff;--accent-tint:#3d9aff29;--green:#3cbb72;--green-tint:#3cbb7224;--orange:#f68f3c;--orange-tint:#f68f3c24;--red:#ee5c61;--red-tint:#ee5c6124;--tooltip-bg:#111214;--tooltip-fg:#f2f3f4;--tooltip-muted:#a5a8ad;--tooltip-border:#2e3033;--shadow-hairline:0 0 0 1px var(--line);--shadow-btn:0 0 0 1px #ffffff1a,0 1px 2px #0000004d;--shadow-card:0 0 0 1px #ffffff1c,0 1px 2px #0003,0 2px 6px #0003;--shadow-raised:0 0 0 1px #ffffff21,0 2px 10px #00000038;--shadow-overlay:0 0 0 1px #ffffff26,0 8px 28px #00000057;--shadow-inset-field:inset 0 1px 2px #0006}@supports (color:lab(0% 0 0)){.prompt-demo[data-theme=dark],.prompt-demo[data-theme=dark] .beautiful-prompt{--page:lab(8.22644% -.0921264 -1.50332);--canvas:lab(10.7786% -.0940636 -1.50454);--surface:lab(14.1243% .105247 -2.2593);--inset:lab(12.1706% -.0950024 -1.50509);--hover:lab(17.4885% .102207 -2.26143);--hover-2:lab(20.8411% .265896 -2.62746);--ink:lab(95.8236% -.247002 -.706685);--ink-2:lab(68.7689% -.379533 -2.99366);--ink-3:lab(46.7122% -.231862 -3.75941);--line:lab(19.7102% -.352308 -2.22058);--line-strong:lab(25.2652% -.160247 -2.63022);--line-soft:lab(16.23% -.348493 -2.21859);--field:lab(17.9525% .101835 -2.2617);--stripe:lab(100% 0 0/.055);--stripe-bg:lab(10.1985% -.0936538 -1.50428);--accent:lab(61.8499% -1.50105 -59.2017);--accent-ink:lab(75.1226% -8.74975 -38.2498);--accent-tint:lab(61.8499% -1.50105 -59.2017/.16);--green:lab(67.7644% -48.627 26.6391);--green-tint:lab(67.7644% -48.627 26.6391/.14);--orange:lab(69.7649% 35.5879 59.3083);--orange-tint:lab(69.7649% 35.5879 59.3083/.14);--red:lab(59.3942% 57.3943 28.4295);--red-tint:lab(59.3942% 57.3943 28.4295/.14);--tooltip-bg:lab(5.43187% -.0687838 -1.20845);--tooltip-fg:lab(95.8236% -.247002 -.706685);--tooltip-muted:lab(68.7689% -.379533 -2.99366);--tooltip-border:lab(19.7102% -.352308 -2.22058);--shadow-btn:0 0 0 1px lab(100% 0 0/.1),0 1px 2px lab(0% 0 0/.3);--shadow-card:0 0 0 1px lab(100% 0 0/.11),0 1px 2px lab(0% 0 0/.2),0 2px 6px lab(0% 0 0/.2);--shadow-raised:0 0 0 1px lab(100% 0 0/.13),0 2px 10px lab(0% 0 0/.22);--shadow-overlay:0 0 0 1px lab(100% 0 0/.15),0 8px 28px lab(0% 0 0/.34);--shadow-inset-field:inset 0 1px 2px lab(0% 0 0/.4)}}.beautiful-prompt button{cursor:pointer}.beautiful-prompt button:disabled{cursor:default}.beautiful-prompt button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes prompt-pop-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes prompt-eq-bounce{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.beautiful-prompt *,.beautiful-prompt :before,.beautiful-prompt :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}