gradio chat latest updated version html and styles. comprehend the structure and styles used:



```


"""



<html lang="en" style="margin: 0px; padding: 0px; min-height: 100%; display: flex; flex-direction: column; background: var(--body-background-fill);"><head>
		<meta charset="utf-8">
		<link rel="icon" href="https://yuntian-deng-chatgpt.hf.space/favicon.ico">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta property="og:title" content="Gradio">
		<meta property="og:type" content="website">
		<meta property="og:url" content="{url}">
		<meta property="og:description" content="Click to try out the app!">
		<meta property="og:image" content="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/header-image.jpg">
		<meta name="twitter:card" content="summary_large_image">
		<meta name="twitter:creator" content="@Gradio">
		<meta name="twitter:title" content="Gradio">
		<meta name="twitter:description" content="Click to try out the app!">
		<meta name="twitter:image" content="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/header-image.jpg">
		<script data-gradio-mode="">
			window.__gradio_mode__ = "app";
			window.iFrameResizer = {
				heightCalculationMethod: "taggedElement"
			};
			window.parent?.postMessage(
				{ type: "SET_SCROLLING", enabled: false },
				"*"
			);
		</script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js" async=""></script>

		
		<link href="./_app/immutable/assets/0.kArGGBiz.css" rel="stylesheet">
		<link href="./_app/immutable/assets/2.DWZj746S.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.C0TCl1hH.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.CH2uJXwy.css" rel="stylesheet">
		<link href="./_app/immutable/assets/AudioPlayer.d1C6RIRD.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Example.DiaQHWGN.css" rel="stylesheet">
		<link href="./_app/immutable/assets/InteractiveAudio.ChPVru1b.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Upload.D4hCLgfB.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.BynaXTeX.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.CgUesbFV.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.DhgyZ3dq.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Example.COmDoKuI.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.Cpc8zqPC.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Example.UAAEakYs.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.Df2gU2NX.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Example.BqCsLIvX.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.mj74Lql6.css" rel="stylesheet">
		<link href="./_app/immutable/assets/ImageUploader.DU5KUzA3.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Example.BI_HSbIA.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.B1wGGoq8.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.CkLhqRWZ.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.C9aJa-R5.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Example.CniNOwBY.css" rel="stylesheet">
		<link href="./_app/immutable/assets/FileUpload.PW9JfUly.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Example.BT9hnQY6.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.5XZaptZI.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Gallery.B3HQRzuK.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Video.BS7gIGiU.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.CM3Al4BG.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.A2SdUVuA.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.CzWz8LC-.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Example.PNpjY3LI.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Example.q-HzhiHp.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.BKmcYiVx.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.HGSBPzJx.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.CCTfp4s0.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.2gNKIPgc.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.Bn2wKUfz.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Example.6livfLEN.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.CCcaS9RJ.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.CcVKMnZ4.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.ChNDsf5c.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.DTBa1-NT.css" rel="stylesheet">
		<link href="./_app/immutable/assets/BokehPlot.DX04T7W4.css" rel="stylesheet">
		<link href="./_app/immutable/assets/AltairPlot.O7q90H0e.css" rel="stylesheet">
		<link href="./_app/immutable/assets/MatplotlibPlot.BHPTlvkw.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.CtfAM2fe.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.DkCAkcCn.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.D1fjj7sV.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.wM6rO3rF.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.aP12nkUD.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.C9PV3Ok0.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Tabs.ColxKYED.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.CzHwIWu3.css" rel="stylesheet">
		<link href="./_app/immutable/assets/VideoPreview.D43CLM8T.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Example.DhjYx34x.css" rel="stylesheet">
		<link href="./_app/immutable/assets/index.CY9spOiQ.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Index.DFgZ7vPU.css" rel="stylesheet"><title>Gradio</title><link rel="stylesheet" href="./theme.css?v=1abdbfb34a084a2a012d99a3a1acf92200f777e0d12d3c1425fef0c90fa7a28a"><link rel="manifest" href="/manifest.json"><!-- HTML_TAG_START --><!-- HTML_TAG_END -->
	<link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/nodes/0.BbMCRyFx.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/nodes/1.DoROj2S2.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/stores.BKSx7W6y.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/client.dH1Yyj_5.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/nodes/2.Ce4m-jWh.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/2.vu83TQiz.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/preload-helper.DpQnamwV.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/Index.gJfME9Yw.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/Code.VKlWzMBL.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/BlockLabel.C14e8C7N.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/Index.Dz-R9JFY.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/Edit.DcJRPEI2.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/Undo.BEjgqHJW.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/IconButtonWrapper.LF8eQbWL.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/File.DqOJDDoa.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/index.DTU9giFV.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/Community.4FBzcHeP.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/Trash.phFEWuFK.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/Music.BKn1BNLT.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/Index.BjsiSOuD.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/Example.5KHmjEGK.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/Index.D1aUkDq3.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/Index.BCtndA9H.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/Index.BAWgNTc5.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/Index.OFPl1bKR.js"><link rel="modulepreload" as="script" crossorigin="" href="https://yuntian-deng-chatgpt.hf.space/_app/immutable/chunks/Index.DD6Mf-jL.js"><style>#col_container { margin-left: auto; margin-right: auto; } .gradio-container.gradio-container-5-25-1 .contain  #col_container  { margin-left: auto; margin-right: auto; }#chatbot { height: 520px; overflow: auto; } .gradio-container.gradio-container-5-25-1 .contain  #chatbot  { height: 520px; overflow: auto; }</style></head>
	<body data-sveltekit-preload-data="hover" style="
			width: 100%;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			flex-grow: 1;
		" class="dark">
		<div style="display: contents"> <div class="gradio-container gradio-container-5-25-1 svelte-1170pvd" data-iframe-height="" style="min-height: initial; flex-grow: 1;"> <main class="fillable svelte-1170pvd app"> <div class="wrap svelte-1byz9vf" style="min-height: 100%;"><div class="contain svelte-1byz9vf" style="flex-grow: 1;"><div id="component-0" class="column svelte-vt1mxs gap" style="min-width: min(0px, 100%);"> <div id="component-1" class="block svelte-11xb1hd hide-container auto-margin" dir="ltr" style="border-style: solid; overflow: auto; min-width: min(0px, 100%); border-width: var(--block-border-width);"> <div class="wrap center full svelte-ls20lj hide" style="position: absolute; padding: 0px;"></div> <div class="html-container svelte-phx28p padding"><div class="prose  svelte-ydeks8"><h1 align="center">GPT-4.1 mini: Research Preview (Short-Term Availability)</h1></div></div> </div><div id="component-2" class="block svelte-11xb1hd hide-container auto-margin" dir="ltr" style="border-style: solid; overflow: auto; min-width: min(0px, 100%); border-width: var(--block-border-width);"> <div class="wrap center full svelte-ls20lj hide" style="position: absolute; padding: 0px;"></div> <div class="html-container svelte-phx28p padding"><div class="prose  svelte-ydeks8"><h3 align="center">This app provides you full access to GPT-4.1 mini (1M token limit). You don't need any OPENAI API key.</h3></div></div> </div><div id="col_container" class="column svelte-vt1mxs gap" style="flex-grow: 1; min-width: min(320px, 100%);"> <div id="chatbot" class="block svelte-11xb1hd flex auto-margin" dir="ltr" style="height: 400px; border-style: solid; overflow: auto; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default minimal svelte-ls20lj translucent hide" style="position: absolute; padding: 0px;"></div> <div class="wrapper svelte-g3p8na"><label for="" data-testid="block-label" dir="ltr" class="svelte-1to105q float"><span class="svelte-1to105q"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--carbon" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path fill="currentColor" d="M17.74 30L16 29l4-7h6a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h9v2H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4h-4.84Z"></path><path fill="currentColor" d="M8 10h16v2H8zm0 6h10v2H8z"></path></svg></span> Chatbot</label> <div class="icon-button-wrapper top-panel hide-top-corner svelte-ud4hud"><button aria-label="" aria-haspopup="false" title="" class="svelte-vzs2gq padded" style="color: var(--block-label-text-color); --bg-color: var(--block-background-fill);"> <div class="svelte-vzs2gq small"><svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="100%" height="100%"><path d="M23,20a5,5,0,0,0-3.89,1.89L11.8,17.32a4.46,4.46,0,0,0,0-2.64l7.31-4.57A5,5,0,1,0,18,7a4.79,4.79,0,0,0,.2,1.32l-7.31,4.57a5,5,0,1,0,0,6.22l7.31,4.57A4.79,4.79,0,0,0,18,25a5,5,0,1,0,5-5ZM23,4a3,3,0,1,1-3,3A3,3,0,0,1,23,4ZM7,19a3,3,0,1,1,3-3A3,3,0,0,1,7,19Zm16,9a3,3,0,1,1,3-3A3,3,0,0,1,23,28Z" fill="currentColor"></path></svg> </div></button> <button aria-label="Clear" aria-haspopup="false" title="Clear" class="svelte-vzs2gq padded" style="color: var(--block-label-text-color); --bg-color: var(--block-background-fill);"> <div class="svelte-vzs2gq small"><svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="100%" height="100%"><defs><style>.cls-1 {
				fill: none;
			}</style></defs><rect x="12" y="12" width="2" height="12"></rect><rect x="18" y="12" width="2" height="12"></rect><path d="M4,6V8H6V28a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V8h2V6ZM8,28V8H24V28Z"></path><rect x="12" y="2" width="8" height="2"></rect><rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"></rect></svg> </div></button> </div> <div class="bubble-wrap svelte-gjtrl6" role="log" aria-label="chatbot conversation" aria-live="polite"><div class="message-wrap svelte-gjtrl6"><div class="message-row bubble user-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="user svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="user" dir="ltr" aria-label="user's message: user test message 1.

you output your subsequent bot message only." class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>user test message 1.</p>
<p>you output your subsequent bot message only.</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble bot-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="bot svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="bot" dir="ltr" aria-label="bot's message: Received your test message 1. How can I assist you today?" class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>Received your test message 1. How can I assist you today?</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble user-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="user svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="user" dir="ltr" aria-label="user's message: user test message 2.

you output your subsequent bot message only." class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>user test message 2.</p>
<p>you output your subsequent bot message only.</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble bot-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="bot svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="bot" dir="ltr" aria-label="bot's message: Message 2 received. Let me know if you need any help!" class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>Message 2 received. Let me know if you need any help!</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble user-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="user svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="user" dir="ltr" aria-label="user's message: user test message 3.

you output your subsequent bot message only." class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>user test message 3.</p>
<p>you output your subsequent bot message only.</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble bot-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="bot svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="bot" dir="ltr" aria-label="bot's message: Got your message 3. Feel free to continue!" class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>Got your message 3. Feel free to continue!</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble user-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="user svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="user" dir="ltr" aria-label="user's message: user test message 4.

you output your subsequent bot message only." class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>user test message 4.</p>
<p>you output your subsequent bot message only.</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble bot-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="bot svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="bot" dir="ltr" aria-label="bot's message: Message 4 received. How can I assist you further?" class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>Message 4 received. How can I assist you further?</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble user-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="user svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="user" dir="ltr" aria-label="user's message: user test message 5.

you output your subsequent bot message only." class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>user test message 5.</p>
<p>you output your subsequent bot message only.</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble bot-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="bot svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="bot" dir="ltr" aria-label="bot's message: Received message 5. What would you like to do next?" class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>Received message 5. What would you like to do next?</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble user-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="user svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="user" dir="ltr" aria-label="user's message: now output test varieties of formatting in chat you are using." class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>now output test varieties of formatting in chat you are using.</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble bot-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="bot svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="bot" dir="ltr" aria-label="bot's message: Certainly! Here are some varieties of formatting I can use in chat:

---

**Bold Text**  
*Italic Text*  
***Bold and Italic Text***  
~~Strikethrough~~  

---

`Inline code`

```python
# Code block example
def hello_world():
    print(&quot;Hello, world!&quot;)
```

---

> Blockquote example:  
> This is a quoted text.

---

1. Numbered list item one  
2. Numbered list item two  
3. Numbered list item three  

- Bullet list item one  
- Bullet list item two  
- Bullet list item three  

---

If you'd like me to demonstrate any other specific formatting, just let me know!" class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>Certainly! Here are some varieties of formatting I can use in chat:</p>
<hr>
<p><strong>Bold Text</strong><br><em>Italic Text</em><br><em><strong>Bold and Italic Text</strong></em><br><del>Strikethrough</del>  </p>
<hr>
<p><code>Inline code</code></p>
<div class="code_wrap"><button title="copy" class="copy_code_button">
  <span class="copy-text">
<svg xmlns="http://www.w3.org/2000/svg" color="currentColor" stroke-width="1.3" width="15" height="15">
  <path fill="currentColor" d="M12.728 4.545v8.182H4.545V4.545zm0 -0.909H4.545a0.909 0.909 0 0 0 -0.909 0.909v8.182a0.909 0.909 0 0 0 0.909 0.909h8.182a0.909 0.909 0 0 0 0.909 -0.909V4.545a0.909 0.909 0 0 0 -0.909 -0.909"></path>
  <path fill="currentColor" d="M1.818 8.182H0.909V1.818a0.909 0.909 0 0 1 0.909 -0.909h6.364v0.909H1.818Z"></path>
</svg>

</span>
  <span class="check"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none" stroke="currentColor" stroke-width="1.3">
  <path d="m13.813 4.781 -7.438 7.438 -3.188 -3.188"></path>
</svg>
</span>
</button><pre><code class="language-python"><span class="token comment"># Code block example</span>
<span class="token keyword">def</span> <span class="token function">hello_world</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">:</span>
    <span class="token keyword">print</span><span class="token punctuation">(</span><span class="token string">"Hello, world!"</span><span class="token punctuation">)</span>
</code></pre></div>
<hr>
<blockquote>
<p>Blockquote example:<br>This is a quoted text.</p>
</blockquote>
<hr>
<ol>
<li>Numbered list item one  </li>
<li>Numbered list item two  </li>
<li>Numbered list item three</li>
</ol>
<ul>
<li>Bullet list item one  </li>
<li>Bullet list item two  </li>
<li>Bullet list item three</li>
</ul>
<hr>
<p>If you'd like me to demonstrate any other specific formatting, just let me know!</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble user-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="user svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="user" dir="ltr" aria-label="user's message: now output test varieties of all possible formatting in chat you are using." class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>now output test varieties of all possible formatting in chat you are using.</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble bot-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="bot svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="bot" dir="ltr" aria-label="bot's message: Certainly! Here is a comprehensive test of all possible formatting styles I can use in this chat:

---

# Header 1  
## Header 2  
### Header 3  

---

**Bold text**  
*Italic text*  
***Bold and italic text***  
~~Strikethrough text~~  

---

`Inline code example`

```python
# Code block example
def greet(name):
    print(f&quot;Hello, {name}!&quot;)
```

```json
{
  &quot;example&quot;: &quot;This is a JSON code block&quot;
}
```

---

> Blockquote example:  
> This text is quoted from somewhere else.

---

1. Numbered list item one  
2. Numbered list item two  
3. Numbered list item three  

- Bullet list item one  
- Bullet list item two  
- Bullet list item three  

---

Horizontal rule:

---

Tables (where supported):

| Column 1 | Column 2 | Column 3 |  
|----------|----------|----------|  
| Row 1    | Data     | More data|  
| Row 2    | Data     | More data|  

---

Links: [OpenAI](https://www.openai.com)  

---

Emojis: 😃🚀✨

---

If you want me to demonstrate anything more specific, just ask!" class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>Certainly! Here is a comprehensive test of all possible formatting styles I can use in this chat:</p>
<hr>
<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
<hr>
<p><strong>Bold text</strong><br><em>Italic text</em><br><em><strong>Bold and italic text</strong></em><br><del>Strikethrough text</del>  </p>
<hr>
<p><code>Inline code example</code></p>
<div class="code_wrap"><button title="copy" class="copy_code_button">
  <span class="copy-text">
<svg xmlns="http://www.w3.org/2000/svg" color="currentColor" stroke-width="1.3" width="15" height="15">
  <path fill="currentColor" d="M12.728 4.545v8.182H4.545V4.545zm0 -0.909H4.545a0.909 0.909 0 0 0 -0.909 0.909v8.182a0.909 0.909 0 0 0 0.909 0.909h8.182a0.909 0.909 0 0 0 0.909 -0.909V4.545a0.909 0.909 0 0 0 -0.909 -0.909"></path>
  <path fill="currentColor" d="M1.818 8.182H0.909V1.818a0.909 0.909 0 0 1 0.909 -0.909h6.364v0.909H1.818Z"></path>
</svg>

</span>
  <span class="check"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none" stroke="currentColor" stroke-width="1.3">
  <path d="m13.813 4.781 -7.438 7.438 -3.188 -3.188"></path>
</svg>
</span>
</button><pre><code class="language-python"><span class="token comment"># Code block example</span>
<span class="token keyword">def</span> <span class="token function">greet</span><span class="token punctuation">(</span>name<span class="token punctuation">)</span><span class="token punctuation">:</span>
    <span class="token keyword">print</span><span class="token punctuation">(</span><span class="token string-interpolation"><span class="token string">f"Hello, </span><span class="token interpolation"><span class="token punctuation">{</span>name<span class="token punctuation">}</span></span><span class="token string">!"</span></span><span class="token punctuation">)</span>
</code></pre></div>
<div class="code_wrap"><button title="copy" class="copy_code_button">
  <span class="copy-text">
<svg xmlns="http://www.w3.org/2000/svg" color="currentColor" stroke-width="1.3" width="15" height="15">
  <path fill="currentColor" d="M12.728 4.545v8.182H4.545V4.545zm0 -0.909H4.545a0.909 0.909 0 0 0 -0.909 0.909v8.182a0.909 0.909 0 0 0 0.909 0.909h8.182a0.909 0.909 0 0 0 0.909 -0.909V4.545a0.909 0.909 0 0 0 -0.909 -0.909"></path>
  <path fill="currentColor" d="M1.818 8.182H0.909V1.818a0.909 0.909 0 0 1 0.909 -0.909h6.364v0.909H1.818Z"></path>
</svg>

</span>
  <span class="check"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none" stroke="currentColor" stroke-width="1.3">
  <path d="m13.813 4.781 -7.438 7.438 -3.188 -3.188"></path>
</svg>
</span>
</button><pre><code class="language-json">{
  "example": "This is a JSON code block"
}
</code></pre></div>
<hr>
<blockquote>
<p>Blockquote example:<br>This text is quoted from somewhere else.</p>
</blockquote>
<hr>
<ol>
<li>Numbered list item one  </li>
<li>Numbered list item two  </li>
<li>Numbered list item three</li>
</ol>
<ul>
<li>Bullet list item one  </li>
<li>Bullet list item two  </li>
<li>Bullet list item three</li>
</ul>
<hr>
<p>Horizontal rule:</p>
<hr>
<p>Tables (where supported):</p>
<table>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
</thead>
<tbody><tr>
<td>Row 1</td>
<td>Data</td>
<td>More data</td>
</tr>
<tr>
<td>Row 2</td>
<td>Data</td>
<td>More data</td>
</tr>
</tbody></table>
<hr>
<p>Links: <a href="https://www.openai.com" target="_blank" rel="noopener noreferrer">OpenAI</a>  </p>
<hr>
<p>Emojis: 😃🚀✨</p>
<hr>
<p>If you want me to demonstrate anything more specific, just ask!</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble user-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="user svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="user" dir="ltr" aria-label="user's message: now output test varieties of all possible formatting in chat you are using.
try to find and output the impossible also." class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>now output test varieties of all possible formatting in chat you are using.<br>try to find and output the impossible also.</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble bot-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="bot svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="bot" dir="ltr" aria-label="bot's message: Certainly! Here’s a thorough test of all the formatting styles I can use in this chat, plus notes on formatting features that are **not possible** here.

---

# Headings  
## Heading level 2  
### Heading level 3  

---

**Bold Text**  
*Italic Text*  
***Bold and Italic***  
~~Strikethrough~~  

---

`Inline code`

```python
# Code block example
def add(a, b):
    return a + b
```

```json
{
  &quot;example&quot;: &quot;JSON formatted code block&quot;
}
```

---

> Blockquote:  
> This is a quoted text.

---

1. Numbered list item 1  
2. Numbered list item 2  
3. Numbered list item 3  

- Bulleted list item 1  
- Bulleted list item 2  
- Bulleted list item 3  

---

---

Horizontal rule (line above)

---

| Table Header 1 | Table Header 2 | Table Header 3 |  
|----------------|----------------|----------------|  
| Row 1 Cell 1   | Row 1 Cell 2   | Row 1 Cell 3   |  
| Row 2 Cell 1   | Row 2 Cell 2   | Row 2 Cell 3   |  

---

[Hyperlink example](https://www.openai.com)

---

Emojis: 😀🚀✨

---

### What formatting is **NOT possible** here?

- **Changing text color or background color** — no support for custom colors.  
- **Changing font size or font family explicitly** beyond the heading sizes.  
- **Embedding images or videos** inline.  
- **Tables with merged cells or advanced styling** (colspan, rowspan).  
- **Interactive elements** like checkboxes, dropdowns, or buttons.  
- **Math formulas rendered natively (like LaTeX)** — plain text only.  
- **Underlined text** — no direct markdown styling for underline.  
- **Different text alignment** (all text is left-aligned by default).  
- **Animated text or GIFs** inline (plain text only).  

---

If you want me to try or demonstrate anything else, or if you want me to simulate unsupported formatting with workarounds, just ask!" class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>Certainly! Here’s a thorough test of all the formatting styles I can use in this chat, plus notes on formatting features that are <strong>not possible</strong> here.</p>
<hr>
<h1>Headings</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<hr>
<p><strong>Bold Text</strong><br><em>Italic Text</em><br><em><strong>Bold and Italic</strong></em><br><del>Strikethrough</del>  </p>
<hr>
<p><code>Inline code</code></p>
<div class="code_wrap"><button title="copy" class="copy_code_button">
  <span class="copy-text">
<svg xmlns="http://www.w3.org/2000/svg" color="currentColor" stroke-width="1.3" width="15" height="15">
  <path fill="currentColor" d="M12.728 4.545v8.182H4.545V4.545zm0 -0.909H4.545a0.909 0.909 0 0 0 -0.909 0.909v8.182a0.909 0.909 0 0 0 0.909 0.909h8.182a0.909 0.909 0 0 0 0.909 -0.909V4.545a0.909 0.909 0 0 0 -0.909 -0.909"></path>
  <path fill="currentColor" d="M1.818 8.182H0.909V1.818a0.909 0.909 0 0 1 0.909 -0.909h6.364v0.909H1.818Z"></path>
</svg>

</span>
  <span class="check"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none" stroke="currentColor" stroke-width="1.3">
  <path d="m13.813 4.781 -7.438 7.438 -3.188 -3.188"></path>
</svg>
</span>
</button><pre><code class="language-python"><span class="token comment"># Code block example</span>
<span class="token keyword">def</span> <span class="token function">add</span><span class="token punctuation">(</span>a<span class="token punctuation">,</span> b<span class="token punctuation">)</span><span class="token punctuation">:</span>
    <span class="token keyword">return</span> a <span class="token operator">+</span> b
</code></pre></div>
<div class="code_wrap"><button title="copy" class="copy_code_button">
  <span class="copy-text">
<svg xmlns="http://www.w3.org/2000/svg" color="currentColor" stroke-width="1.3" width="15" height="15">
  <path fill="currentColor" d="M12.728 4.545v8.182H4.545V4.545zm0 -0.909H4.545a0.909 0.909 0 0 0 -0.909 0.909v8.182a0.909 0.909 0 0 0 0.909 0.909h8.182a0.909 0.909 0 0 0 0.909 -0.909V4.545a0.909 0.909 0 0 0 -0.909 -0.909"></path>
  <path fill="currentColor" d="M1.818 8.182H0.909V1.818a0.909 0.909 0 0 1 0.909 -0.909h6.364v0.909H1.818Z"></path>
</svg>

</span>
  <span class="check"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none" stroke="currentColor" stroke-width="1.3">
  <path d="m13.813 4.781 -7.438 7.438 -3.188 -3.188"></path>
</svg>
</span>
</button><pre><code class="language-json">{
  "example": "JSON formatted code block"
}
</code></pre></div>
<hr>
<blockquote>
<p>Blockquote:<br>This is a quoted text.</p>
</blockquote>
<hr>
<ol>
<li>Numbered list item 1  </li>
<li>Numbered list item 2  </li>
<li>Numbered list item 3</li>
</ol>
<ul>
<li>Bulleted list item 1  </li>
<li>Bulleted list item 2  </li>
<li>Bulleted list item 3</li>
</ul>
<hr>
<hr>
<p>Horizontal rule (line above)</p>
<hr>
<table>
<thead>
<tr>
<th>Table Header 1</th>
<th>Table Header 2</th>
<th>Table Header 3</th>
</tr>
</thead>
<tbody><tr>
<td>Row 1 Cell 1</td>
<td>Row 1 Cell 2</td>
<td>Row 1 Cell 3</td>
</tr>
<tr>
<td>Row 2 Cell 1</td>
<td>Row 2 Cell 2</td>
<td>Row 2 Cell 3</td>
</tr>
</tbody></table>
<hr>
<p><a href="https://www.openai.com" target="_blank" rel="noopener noreferrer">Hyperlink example</a></p>
<hr>
<p>Emojis: 😀🚀✨</p>
<hr>
<h3>What formatting is <strong>NOT possible</strong> here?</h3>
<ul>
<li><strong>Changing text color or background color</strong> — no support for custom colors.  </li>
<li><strong>Changing font size or font family explicitly</strong> beyond the heading sizes.  </li>
<li><strong>Embedding images or videos</strong> inline.  </li>
<li><strong>Tables with merged cells or advanced styling</strong> (colspan, rowspan).  </li>
<li><strong>Interactive elements</strong> like checkboxes, dropdowns, or buttons.  </li>
<li><strong>Math formulas rendered natively (like LaTeX)</strong> — plain text only.  </li>
<li><strong>Underlined text</strong> — no direct markdown styling for underline.  </li>
<li><strong>Different text alignment</strong> (all text is left-aligned by default).  </li>
<li><strong>Animated text or GIFs</strong> inline (plain text only).</li>
</ul>
<hr>
<p>If you want me to try or demonstrate anything else, or if you want me to simulate unsupported formatting with workarounds, just ask!</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble user-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="user svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="user" dir="ltr" aria-label="user's message: > What formatting is NOT possible here?

this is wrong. this is gradio chatgpt in which all inline stylings and html code interpreted directly in chat if out of code block." class="svelte-yaaj3" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><blockquote>
<p>What formatting is NOT possible here?</p>
</blockquote>
<p>this is wrong. this is gradio chatgpt in which all inline stylings and html code interpreted directly in chat if out of code block.</p>
</span></div></div></div> </div></div></div>  <div class="message-row bubble bot-row svelte-yaaj3"> <div class="flex-wrap svelte-yaaj3 role"><div class="bot svelte-yaaj3 message"><div class="message svelte-yaaj3 panel-full-width"><div data-testid="bot" dir="ltr" aria-label="bot's message: Thanks for the clarification! Given that inline styling and HTML are supported in this Gradio ChatGPT interface, here’s an updated and expanded formatting test, including examples with inline HTML and styles you can try out here:

---

# Headers

<h1>Header 1 (HTML)</h1>  
<h2>Header 2 (HTML)</h2>  
<h3>Header 3 (HTML)</h3>  

---

# Text styles

**Markdown Bold**  
<b>HTML Bold</b>  

*Markdown Italic*  
<i>HTML Italic</i>  

<u>HTML Underline</u>  

~~Markdown Strikethrough~~  

HTML Strikethrough
  

<span style=&quot;color: red;&quot;>Red text via inline CSS</span>  
<span style=&quot;background-color: yellow;&quot;>Highlighted background</span>  

---

# Links

[Markdown Link](https://www.openai.com)  
<a href=&quot;https://www.openai.com&quot; target=&quot;_blank&quot;>HTML Link with target</a>  

---

# Lists

1. Markdown numbered list item 1  
2. Markdown numbered list item 2  

<ul>  
  <li>HTML bullet list item 1</li>  
  <li>HTML bullet list item 2</li>  
</ul>  

---

# Blockquote and Code

> Markdown blockquote

<blockquote style=&quot;border-left: 3px solid #ccc; padding-left: 10px; color: gray;&quot;>
HTML styled blockquote
</blockquote>

`Inline code`

<code>HTML inline code</code>

```python
# Markdown code block example
def test():
    return &quot;Hello, world!&quot;
```

---

# Tables  

| Markdown | Table | Example |  
|---------|--------|---------|  
| Row 1   | Data   | More    |  
| Row 2   | Data   | More    |  

<table border=&quot;1&quot; cellpadding=&quot;4&quot;>  
  <tr><th>HTML</th><th>Table</th><th>Example</th></tr>  
  <tr><td>Row 1</td><td>Data</td><td>More</td></tr>  
  <tr><td>Row 2</td><td>Data</td><td>More</td></tr>  
</table>  

---

# Other formatting

<span style=&quot;font-size:20px;&quot;>Larger font size (inline CSS)</span>  

<center><b>Centered and bold text using HTML</b></center>  

<hr>

---

# Unsupported or partially supported features

- Forms, inputs, and interactive elements like buttons are generally not functional inside chat messages.  
- Video/audio embedding may not always render or play.  
- Complex animations or scripts are blocked for security reasons.  

---

If you want me to try or demonstrate any other inline styling or HTML, just say so!" class="svelte-yaaj3 latest" style="user-select: text; cursor: auto; text-align: left;"><div class="message-content"><span class="md svelte-7ddecg chatbot prose"><p>Thanks for the clarification! Given that inline styling and HTML are supported in this Gradio ChatGPT interface, here’s an updated and expanded formatting test, including examples with inline HTML and styles you can try out here:</p>
<hr>
<h1>Headers</h1>
<h1>Header 1 (HTML)</h1>  
<h2>Header 2 (HTML)</h2>  
<h3>Header 3 (HTML)</h3>  

<hr>
<h1>Text styles</h1>
<p><strong>Markdown Bold</strong><br><b>HTML Bold</b>  </p>
<p><em>Markdown Italic</em><br><i>HTML Italic</i>  </p>
<p><u>HTML Underline</u>  </p>
<p><del>Markdown Strikethrough</del><br>
HTML Strikethrough
  </p>
<p><span style="color: red;">Red text via inline CSS</span><br><span style="background-color: yellow;">Highlighted background</span>  </p>
<hr>
<h1>Links</h1>
<p><a href="https://www.openai.com" target="_blank" rel="noopener noreferrer">Markdown Link</a><br><a href="https://www.openai.com" target="_blank" rel="noopener noreferrer">HTML Link with target</a>  </p>
<hr>
<h1>Lists</h1>
<ol>
<li>Markdown numbered list item 1  </li>
<li>Markdown numbered list item 2</li>
</ol>
<ul>  
  <li>HTML bullet list item 1</li>  
  <li>HTML bullet list item 2</li>  
</ul>  

<hr>
<h1>Blockquote and Code</h1>
<blockquote>
<p>Markdown blockquote</p>
</blockquote>
<blockquote style="border-left: 3px solid #ccc; padding-left: 10px; color: gray;">
HTML styled blockquote
</blockquote>

<p><code>Inline code</code></p>
<p><code>HTML inline code</code></p>
<div class="code_wrap"><button title="copy" class="copy_code_button">
  <span class="copy-text">
<svg xmlns="http://www.w3.org/2000/svg" color="currentColor" stroke-width="1.3" width="15" height="15">
  <path fill="currentColor" d="M12.728 4.545v8.182H4.545V4.545zm0 -0.909H4.545a0.909 0.909 0 0 0 -0.909 0.909v8.182a0.909 0.909 0 0 0 0.909 0.909h8.182a0.909 0.909 0 0 0 0.909 -0.909V4.545a0.909 0.909 0 0 0 -0.909 -0.909"></path>
  <path fill="currentColor" d="M1.818 8.182H0.909V1.818a0.909 0.909 0 0 1 0.909 -0.909h6.364v0.909H1.818Z"></path>
</svg>

</span>
  <span class="check"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none" stroke="currentColor" stroke-width="1.3">
  <path d="m13.813 4.781 -7.438 7.438 -3.188 -3.188"></path>
</svg>
</span>
</button><pre><code class="language-python"><span class="token comment"># Markdown code block example</span>
<span class="token keyword">def</span> <span class="token function">test</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">:</span>
    <span class="token keyword">return</span> <span class="token string">"Hello, world!"</span>
</code></pre></div>
<hr>
<h1>Tables</h1>
<table>
<thead>
<tr>
<th>Markdown</th>
<th>Table</th>
<th>Example</th>
</tr>
</thead>
<tbody><tr>
<td>Row 1</td>
<td>Data</td>
<td>More</td>
</tr>
<tr>
<td>Row 2</td>
<td>Data</td>
<td>More</td>
</tr>
</tbody></table>
<table border="1" cellpadding="4">  
  <tbody><tr><th>HTML</th><th>Table</th><th>Example</th></tr>  
  <tr><td>Row 1</td><td>Data</td><td>More</td></tr>  
  <tr><td>Row 2</td><td>Data</td><td>More</td></tr>  
</tbody></table>  

<hr>
<h1>Other formatting</h1>
<p><span style="font-size:20px;">Larger font size (inline CSS)</span>  </p>
<center><b>Centered and bold text using HTML</b></center>  

<hr>

<hr>
<h1>Unsupported or partially supported features</h1>
<ul>
<li>Forms, inputs, and interactive elements like buttons are generally not functional inside chat messages.  </li>
<li>Video/audio embedding may not always render or play.  </li>
<li>Complex animations or scripts are blocked for security reasons.</li>
</ul>
<hr>
<p>If you want me to try or demonstrate any other inline styling or HTML, just say so!</p>
</span></div></div></div> </div></div></div>   </div></div> </div> </div><div class="form svelte-633qhp" style="flex-grow: 0; min-width: min(0px, 100%);"><div id="component-5" class="block svelte-11xb1hd padded auto-margin" dir="ltr" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-ls20lj hide" style="position: absolute; padding: 0px;"></div> <label class="svelte-173056l container show_textbox_border"> <span data-testid="block-info" dir="ltr" class="svelte-g2oxp3">Type an input and press Enter</span>  <div class="input-container svelte-173056l"><textarea data-testid="textbox" class="scroll-hide svelte-173056l" dir="ltr" placeholder="Hi there!" rows="1" style="overflow-y: scroll; height: 45.2px;"></textarea>  </div></label> </div></div><div id="component-7" class="row svelte-1xp0cw7 unequal-height"> <div id="component-8" class="column svelte-vt1mxs gap" style="flex-grow: 7; min-width: min(320px, 100%);"> <button class="lg secondary  svelte-1ixn6qd" id="component-9"> Run</button></div><div id="component-10" class="column svelte-vt1mxs gap" style="flex-grow: 3; min-width: min(320px, 100%);"> <div class="form svelte-633qhp" style="flex-grow: 0; min-width: min(0px, 100%);"><div id="component-11" class="block svelte-11xb1hd padded auto-margin" dir="ltr" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-ls20lj hide" style="position: absolute; padding: 0px;"></div> <label class="svelte-173056l container show_textbox_border"> <span data-testid="block-info" dir="ltr" class="svelte-g2oxp3">Status code from OpenAI server</span>  <div class="input-container svelte-173056l"><textarea data-testid="textbox" class="scroll-hide svelte-173056l" dir="ltr" placeholder="" rows="1" style="overflow-y: scroll; height: 46px;" disabled=""></textarea>  </div></label> </div></div></div></div><div id="component-13" class="block svelte-11xb1hd padded auto-margin" dir="ltr" style="border-style: solid; overflow: auto; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-ls20lj hide" style="position: absolute; padding: 0px;"></div> <button class="label-wrap svelte-1w6vloh"><span class="svelte-1w6vloh">Parameters</span> <span class="icon svelte-1w6vloh" data-svelte-h="svelte-1mqwc8d" style="transform: rotate(90deg);">▼</span></button> <div style="display: none;"><div id="" class="column svelte-vt1mxs gap" style="min-width: min(0px, 100%);"> <div class="form svelte-633qhp" style="flex-grow: 0; min-width: min(0px, 100%);"><div id="component-14" class="block svelte-11xb1hd padded auto-margin" dir="ltr" style="border-style: solid; overflow: auto; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-ls20lj hide" style="position: absolute; padding: 0px;"></div> <div class="wrap svelte-10lj3xl"><div class="head svelte-10lj3xl"><label for="range_id_0"><span data-testid="block-info" dir="ltr" class="svelte-g2oxp3">Top-p (nucleus sampling)</span> </label> <div class="tab-like-container svelte-10lj3xl"><input aria-label="number input for Top-p (nucleus sampling)" data-testid="number-input" type="number" min="0" max="1" step="0.05" class="svelte-10lj3xl"> <button class="reset-button svelte-10lj3xl" aria-label="Reset to default value" data-testid="reset-button">↺</button></div></div> <div class="slider_input_container svelte-10lj3xl"><span class="min_value svelte-10lj3xl">0</span> <input type="range" id="range_id_0" name="cowbell" min="0" max="1" step="0.05" aria-label="range slider for Top-p (nucleus sampling)" class="svelte-10lj3xl" style="--range_progress: 100%;"> <span class="max_value svelte-10lj3xl">1</span></div></div> </div><div id="component-15" class="block svelte-11xb1hd padded auto-margin" dir="ltr" style="border-style: solid; overflow: auto; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-ls20lj hide" style="position: absolute; padding: 0px;"></div> <div class="wrap svelte-10lj3xl"><div class="head svelte-10lj3xl"><label for="range_id_1"><span data-testid="block-info" dir="ltr" class="svelte-g2oxp3">Temperature</span> </label> <div class="tab-like-container svelte-10lj3xl"><input aria-label="number input for Temperature" data-testid="number-input" type="number" min="0" max="5" step="0.1" class="svelte-10lj3xl"> <button class="reset-button svelte-10lj3xl" aria-label="Reset to default value" data-testid="reset-button">↺</button></div></div> <div class="slider_input_container svelte-10lj3xl"><span class="min_value svelte-10lj3xl">0</span> <input type="range" id="range_id_1" name="cowbell" min="0" max="5" step="0.1" aria-label="range slider for Temperature" class="svelte-10lj3xl" style="--range_progress: 20%;"> <span class="max_value svelte-10lj3xl">5</span></div></div> </div><div id="component-16" class="block svelte-11xb1hd hidden padded auto-margin" dir="ltr" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-ls20lj hide" style="position: absolute; padding: 0px;"></div> <label class="block svelte-7ha85a container"><span data-testid="block-info" dir="ltr" class="svelte-g2oxp3">Number</span>  <input aria-label="Number" type="number" step="1" class="svelte-7ha85a"></label> </div></div></div></div> </div></div><div id="user_consent_container" class="column svelte-vt1mxs gap hide" style="flex-grow: 1; min-width: min(320px, 100%);"> <div class="form svelte-633qhp hidden" style="flex-grow: 0; min-width: min(0px, 100%);"><div id="component-20" class="block svelte-11xb1hd hidden padded auto-margin" dir="ltr" style="border-style: solid; overflow: auto; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-ls20lj hide" style="position: absolute; padding: 0px;"></div>  <label class="svelte-5ncdh7 disabled"><input type="checkbox" name="test" data-testid="checkbox" class="svelte-5ncdh7" disabled=""> <span class="svelte-5ncdh7">Checkbox</span></label> </div></div><div id="component-21" class="block svelte-11xb1hd padded auto-margin" dir="ltr" style="border-style: solid; overflow: auto; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-ls20lj hide" style="position: absolute; padding: 0px;"></div> <button class="label-wrap svelte-1w6vloh open"><span class="svelte-1w6vloh">User Consent for Data Collection, Use, and Sharing</span> <span class="icon svelte-1w6vloh" data-svelte-h="svelte-1mqwc8d" style="transform: rotate(0deg);">▼</span></button> <div style="display: block;"><div id="" class="column svelte-vt1mxs gap" style="min-width: min(0px, 100%);"> <div id="component-22" class="block svelte-11xb1hd hide-container auto-margin" dir="ltr" style="border-style: solid; overflow: auto; min-width: min(0px, 100%); border-width: var(--block-border-width);"> <div class="wrap center full svelte-ls20lj hide" style="position: absolute; padding: 0px;"></div> <div class="html-container svelte-phx28p padding"><div class="prose  svelte-ydeks8">
            <div>
                <p>By using our app, which is powered by OpenAI's API, you acknowledge and agree to the following terms regarding the data you provide:</p>
                <ol>
                    <li><strong>Collection:</strong> We may collect information, including the inputs you type into our app, the outputs generated by OpenAI's API, and certain technical details about your device and connection (such as browser type, operating system, and IP address) provided by your device's request headers.</li>
                    <li><strong>Use:</strong> We may use the collected data for research purposes, to improve our services, and to develop new products or services, including commercial applications, and for security purposes, such as protecting against unauthorized access and attacks.</li>
                    <li><strong>Sharing and Publication:</strong> Your data, including the technical details collected from your device's request headers, may be published, shared with third parties, or used for analysis and reporting purposes.</li>
                    <li><strong>Data Retention:</strong> We may retain your data, including the technical details collected from your device's request headers, for as long as necessary.</li>
                </ol>
                <p>By continuing to use our app, you provide your explicit consent to the collection, use, and potential sharing of your data as described above. If you do not agree with our data collection, use, and sharing practices, please do not use our app.</p>
            </div>
            </div></div> </div><button class="lg secondary  svelte-1ixn6qd" id="component-23"> I Agree</button></div></div> </div></div></div></div> <footer class="svelte-1byz9vf"><button class="show-api svelte-1byz9vf">Use via API <img src="data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M26.9425%202.94265C27.4632%202.42195%2027.4632%201.57773%2026.9425%201.05703C26.4218%200.536329%2025.5776%200.536329%2025.0569%201.05703L22.5713%203.54256C21.1213%202.59333%2019.5367%202.43378%2018.1753%202.64006C16.5495%202.88638%2015.1127%203.66838%2014.3905%204.39053L12.3905%206.39053C12.1405%206.64058%2012%206.97972%2012%207.33334C12%207.68697%2012.1405%208.0261%2012.3905%208.27615L19.7239%2015.6095C20.2446%2016.1302%2021.0888%2016.1302%2021.6095%2015.6095L23.6095%2013.6095C24.3316%2012.8873%2025.1136%2011.4505%2025.36%209.82475C25.5663%208.46312%2025.4066%206.87827%2024.4571%205.42807L26.9425%202.94265Z'%20fill='%233c4555'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.276%2012.9426C12.7967%2012.4219%2012.7967%2011.5777%2012.276%2011.057C11.7553%2010.5363%2010.9111%2010.5363%2010.3904%2011.057L8.66651%2012.7809L8.27615%2012.3905C8.0261%2012.1405%207.68697%2012%207.33334%2012C6.97972%2012%206.64058%2012.1405%206.39053%2012.3905L4.39053%2014.3905C3.66838%2015.1127%202.88638%2016.5495%202.64006%2018.1753C2.43377%2019.5367%202.59333%2021.1214%203.54262%2022.5714L1.05703%2025.057C0.536329%2025.5777%200.536329%2026.4219%201.05703%2026.9426C1.57773%2027.4633%202.42195%2027.4633%202.94265%2026.9426L5.42817%2024.4571C6.87835%2025.4066%208.46315%2025.5663%209.82475%2025.36C11.4505%2025.1136%2012.8873%2024.3316%2013.6095%2023.6095L15.6095%2021.6095C16.1302%2021.0888%2016.1302%2020.2446%2015.6095%2019.7239L15.2188%2019.3332L16.9426%2017.6093C17.4633%2017.0886%2017.4633%2016.2444%2016.9426%2015.7237C16.4219%2015.203%2015.5777%2015.203%2015.057%2015.7237L13.3332%2017.4475L10.5521%2014.6665L12.276%2012.9426Z'%20fill='%23FF7C00'/%3e%3c/svg%3e" alt="logo" class="svelte-1byz9vf"></button> <div class="divider show-api-divider svelte-1byz9vf" data-svelte-h="svelte-1b2w0qd">·</div> <a href="https://gradio.app" class="built-with svelte-1byz9vf" target="_blank" rel="noreferrer">Built with Gradio <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='576'%20height='576'%20viewBox='0%200%20576%20576'%20fill='none'%3e%3cpath%20d='M287.5%20229L86%20344.5L287.5%20460L489%20344.5L287.5%20229Z'%20stroke='url(%23paint0_linear_102_7)'%20stroke-width='59'%20stroke-linejoin='round'/%3e%3cpath%20d='M287.5%20116L86%20231.5L287.5%20347L489%20231.5L287.5%20116Z'%20stroke='url(%23paint1_linear_102_7)'%20stroke-width='59'%20stroke-linejoin='round'/%3e%3cpath%20d='M86%20344L288%20229'%20stroke='url(%23paint2_linear_102_7)'%20stroke-width='59'%20stroke-linejoin='bevel'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_102_7'%20x1='60'%20y1='341'%20x2='429.5'%20y2='344'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F9D100'/%3e%3cstop%20offset='1'%20stop-color='%23F97700'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_102_7'%20x1='513.5'%20y1='231'%20x2='143.5'%20y2='231'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F9D100'/%3e%3cstop%20offset='1'%20stop-color='%23F97700'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_102_7'%20x1='60'%20y1='344'%20x2='428.987'%20y2='341.811'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F9D100'/%3e%3cstop%20offset='1'%20stop-color='%23F97700'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" alt="logo" class="svelte-1byz9vf"></a> <div class="divider svelte-1byz9vf" data-svelte-h="svelte-1r8d4nl">·</div> <button class="settings svelte-1byz9vf">Settings <img src="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3c!--%20Outer%20gear%20teeth%20(gray)%20--%3e%3cpath%20d='M19.14%2012.94c.04-.3.06-.61.06-.94%200-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24%200-.43.17-.47.41l-.36%202.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47%200-.59.22L2.74%208.87c-.12.21-.08.47.12.61l2.03%201.58c-.05.3-.07.62-.07.94s.02.64.07.94l-2.03%201.58c-.18.14-.23.41-.12.61l1.92%203.32c.12.22.37.29.59.22l2.39-.96c.5.38%201.03.7%201.62.94l.36%202.54c.05.24.24.41.48.41h3.84c.24%200%20.44-.17.47-.41l.36-2.54c.59-.24%201.13-.56%201.62-.94l2.39.96c.22.08.47%200%20.59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12%2015.6c-1.98%200-3.6-1.62-3.6-3.6s1.62-3.6%203.6-3.6%203.6%201.62%203.6%203.6-1.62%203.6-3.6%203.6z'%20fill='%23808080'/%3e%3c!--%20Inner%20circle%20(now%20gray)%20--%3e%3ccircle%20cx='12'%20cy='12'%20r='2.5'%20fill='%23808080'/%3e%3c/svg%3e" alt="Settings" class="svelte-1byz9vf"></button></footer></div>    <div class="toast-wrap svelte-pu0yf1"></div> <div></div></main></div> <div id="svelte-announcer" aria-live="assertive" aria-atomic="true" style="position: absolute; left: 0px; top: 0px; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); overflow: hidden; white-space: nowrap; width: 1px; height: 1px;"></div></div>
	

</body></html>


```


""".


gradioChatAllStyles:


```


"""



https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/0.kArGGBiz.css


.gradio-container-5-25-1,
.gradio-container-5-25-1 *,
.gradio-container-5-25-1 ::before,
.gradio-container-5-25-1 ::after {
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
}

.gradio-container-5-25-1 html {
	-webkit-text-size-adjust: 100%;
	line-height: 1.5;
	font-family: var(--font-sans);
	-moz-tab-size: 4;
	tab-size: 2;
}

body {
	margin: 0;
	line-height: inherit;
}

.gradio-container-5-25-1 hr {
	border-top-width: 1px;
	height: 0;
	color: inherit;
}

.gradio-container-5-25-1 abbr:where([title]) {
	text-decoration: underline dotted;
}

.gradio-container-5-25-1 h1,
.gradio-container-5-25-1 h2,
.gradio-container-5-25-1 h3,
.gradio-container-5-25-1 h4,
.gradio-container-5-25-1 h5,
.gradio-container-5-25-1 h6 {
	font-weight: inherit;
	font-size: inherit;
}

.gradio-container-5-25-1 a {
	color: inherit;
	text-decoration: inherit;
}

.gradio-container-5-25-1 b,
.gradio-container-5-25-1 strong {
	font-weight: bolder;
}

.gradio-container-5-25-1 code,
.gradio-container-5-25-1 kbd,
.gradio-container-5-25-1 samp,
.gradio-container-5-25-1 pre {
	font-family: -var(--font-mono);
}

.gradio-container-5-25-1 small {
	font-size: 80%;
}

.gradio-container-5-25-1 sub,
.gradio-container-5-25-1 sup {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
}

.gradio-container-5-25-1 sub {
	bottom: -0.25em;
}

.gradio-container-5-25-1 sup {
	top: -0.5em;
}

.gradio-container-5-25-1 table {
	border-color: inherit;

	text-indent: 0;
}

.gradio-container-5-25-1 button,
.gradio-container-5-25-1 input,
.gradio-container-5-25-1 optgroup,
.gradio-container-5-25-1 select,
.gradio-container-5-25-1 textarea {
	margin: 0;
	padding: 0;
	color: inherit;
	font-weight: inherit;
	font-size: 100%;
	line-height: inherit;
	font-family: inherit;
}

.gradio-container-5-25-1 button,
.gradio-container-5-25-1 select {
	text-transform: none;
}

.gradio-container-5-25-1 button,
.gradio-container-5-25-1 [type="button"],
.gradio-container-5-25-1 [type="reset"],
.gradio-container-5-25-1 [type="submit"] {
	-webkit-appearance: button;
	background-image: none;
	background-color: transparent;
}

.gradio-container-5-25-1 :-moz-focusring {
	outline: auto;
}

.gradio-container-5-25-1 :-moz-ui-invalid {
	box-shadow: none;
}

.gradio-container-5-25-1 progress {
	vertical-align: baseline;
}

.gradio-container-5-25-1 ::-webkit-inner-spin-button,
.gradio-container-5-25-1 ::-webkit-outer-spin-button {
	height: auto;
}

.gradio-container-5-25-1 [type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

.gradio-container-5-25-1 ::-webkit-search-decoration {
	-webkit-appearance: none;
}

.gradio-container-5-25-1 ::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

.gradio-container-5-25-1 summary {
	display: list-item;
}

.gradio-container-5-25-1 blockquote,
.gradio-container-5-25-1 dl,
.gradio-container-5-25-1 dd,
.gradio-container-5-25-1 h1,
.gradio-container-5-25-1 h2,
.gradio-container-5-25-1 h3,
.gradio-container-5-25-1 h4,
.gradio-container-5-25-1 h5,
.gradio-container-5-25-1 h6,
.gradio-container-5-25-1 hr,
.gradio-container-5-25-1 figure,
.gradio-container-5-25-1 p,
.gradio-container-5-25-1 pre {
	margin: 0;
}

.gradio-container-5-25-1 fieldset {
	margin: 0;
	padding: 0;
}

.gradio-container-5-25-1 legend {
	padding: 0;
}

.gradio-container-5-25-1 ol,
.gradio-container-5-25-1 ul,
.gradio-container-5-25-1 menu {
	margin: 0;
	padding: 0;
}

.gradio-container-5-25-1 textarea {
	resize: vertical;
}

.gradio-container-5-25-1 input::placeholder,
.gradio-container-5-25-1 textarea::placeholder {
	opacity: 1;
	color: --color-var(--color-grey-400);
}

.gradio-container-5-25-1 button,
.gradio-container-5-25-1 [role="button"] {
	cursor: pointer;
}

.gradio-container-5-25-1 :disabled {
	cursor: default;
}

.gradio-container-5-25-1 img,
.gradio-container-5-25-1 svg,
.gradio-container-5-25-1 video,
.gradio-container-5-25-1 canvas,
.gradio-container-5-25-1 audio,
.gradio-container-5-25-1 iframe,
.gradio-container-5-25-1 embed,
.gradio-container-5-25-1 object {
	display: block;
	vertical-align: middle;
}

.gradio-container-5-25-1 img,
.gradio-container-5-25-1 video {
	max-width: 100%;
	height: auto;
	margin: 0;
}

.gradio-container-5-25-1 [hidden] {
	display: none;
}

.gradio-container-5-25-1 [type="text"],
.gradio-container-5-25-1 [type="email"],
.gradio-container-5-25-1 [type="url"],
.gradio-container-5-25-1 [type="password"],
.gradio-container-5-25-1 [type="number"],
.gradio-container-5-25-1 [type="date"],
.gradio-container-5-25-1 [type="datetime-local"],
.gradio-container-5-25-1 [type="month"],
.gradio-container-5-25-1 [type="search"],
.gradio-container-5-25-1 [type="tel"],
.gradio-container-5-25-1 [type="time"],
.gradio-container-5-25-1 [type="week"],
.gradio-container-5-25-1 [multiple],
.gradio-container-5-25-1 textarea,
.gradio-container-5-25-1 select {
	--tw-shadow: 0 0 #0000;
	appearance: none;
	border-width: 1px;
	border-color: #6b7280;
	border-radius: 0px;
	background-color: #fff;
	padding-top: 0.5rem;
	padding-right: 0.75rem;
	padding-bottom: 0.5rem;
	padding-left: 0.75rem;
	font-size: 1rem;
	line-height: 1.5rem;
}

.gradio-container-5-25-1 [type="checkbox"],
.gradio-container-5-25-1 [type="radio"] {
	color-adjust: exact;
	display: inline-block;
	flex-shrink: 0;
	vertical-align: middle;
	appearance: none;
	border-width: 1px;
	background-origin: border-box;

	padding: 0;
	width: 1rem;
	height: 1rem;
	color: #2563eb;
	user-select: none;
}
.gradio-container-5-25-1 [type="checkbox"]:checked {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

.gradio-container-5-25-1 [type="radio"]:checked {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

.gradio-container-5-25-1 select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
	background-position: right 0.5rem center;
	background-size: 1.5em 1.5em;
	background-repeat: no-repeat;
	padding-right: 2.5rem;
}

.gradio-container-5-25-1 [type="checkbox"]:checked,
.gradio-container-5-25-1 [type="radio"]:checked {
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.gradio-container-5-25-1 [type="checkbox"]:checked:hover,
.gradio-container-5-25-1 [type="checkbox"]:checked:focus,
.gradio-container-5-25-1 [type="radio"]:checked:hover,
.gradio-container-5-25-1 [type="radio"]:checked:focus {
	border-color: transparent;
}

.gradio-container-5-25-1 [type="checkbox"]:focus-visible,
.gradio-container-5-25-1 [type="checkbox"]:focus-visible,
.gradio-container-5-25-1 [type="radio"]:focus-visible,
.gradio-container-5-25-1 [type="radio"]:focus-visible {
	outline: none;
}
/*
 Custom element styles
 */
.gradio-container-5-25-1 gradio-lite {
	display: flex;
}

/*
	To avoid FOUC of custom elements
	Refs:
	https://www.abeautifulsite.net/posts/flash-of-undefined-custom-elements/#the-%3Adefined-selector
	https://github.com/pyscript/pypercard/blob/66d3550abd8e478f9389e6b87790d5985e55ef7f/static/pyscript.css#L6-L8
	*/
.gradio-container-5-25-1 gradio-lite:not(:defined) {
	display: none;
}

.gradio-container-5-25-1 .scroll-hide {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.gradio-container-5-25-1 .sr-only {
	clip: rect(0, 0, 0, 0);
	position: absolute;
	margin: -1px;
	border-width: 0;
	padding: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	white-space: nowrap;
}

.gradio-container-5-25-1 .scroll-hide::-webkit-scrollbar {
	display: none;
}

.gradio-container-5-25-1 {
	-webkit-text-size-adjust: 100%; /* 2 */
	line-height: 1.5; /* 1 */
	font-family: var(--font); /* 4 */
	-moz-tab-size: 4; /* 3 */
	tab-size: 4; /* 3 */
}

.gradio-container-5-25-1 .cropper-container {
	position: relative;
	-ms-touch-action: none;
	touch-action: none;
	font-size: 0;
	line-height: 0;
	direction: ltr;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.gradio-container-5-25-1 .cropper-container img {
	display: block;
	image-orientation: 0deg;
	width: 100%;
	min-width: 0 !important;
	max-width: none !important;
	height: 100%;
	min-height: 0 !important;
	max-height: none !important;
}

.gradio-container-5-25-1 .cropper-wrap-box,
.gradio-container-5-25-1 .cropper-canvas,
.gradio-container-5-25-1 .cropper-drag-box,
.gradio-container-5-25-1 .cropper-crop-box,
.gradio-container-5-25-1 .cropper-modal {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.gradio-container-5-25-1 .cropper-wrap-box,
.gradio-container-5-25-1 .cropper-canvas {
	overflow: hidden;
}

.gradio-container-5-25-1 .cropper-drag-box {
	opacity: 0;
	background-color: #fff;
}

.gradio-container-5-25-1 .cropper-modal {
	opacity: 0.5;
	background-color: #000;
}

.gradio-container-5-25-1 .cropper-view-box {
	display: block;
	outline: 1px solid #39f;
	outline-color: rgba(51, 153, 255, 0.75);
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.gradio-container-5-25-1 .cropper-dashed {
	display: block;
	position: absolute;
	opacity: 0.5;
	border: 0 dashed #eee;
}

.gradio-container-5-25-1 .cropper-dashed.dashed-h {
	top: calc(100% / 3);
	left: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	width: 100%;
	height: calc(100% / 3);
}

.gradio-container-5-25-1 .cropper-dashed.dashed-v {
	top: 0;
	left: calc(100% / 3);
	border-right-width: 1px;
	border-left-width: 1px;
	width: calc(100% / 3);
	height: 100%;
}

.gradio-container-5-25-1 .cropper-center {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0.75;
	width: 0;
	height: 0;
}

.gradio-container-5-25-1 .cropper-center::before,
.gradio-container-5-25-1 .cropper-center::after {
	display: block;
	position: absolute;
	background-color: #eee;
	content: " ";
}

.gradio-container-5-25-1 .cropper-center::before {
	top: 0;
	left: -3px;
	width: 7px;
	height: 1px;
}

.gradio-container-5-25-1 .cropper-center::after {
	top: -3px;
	left: 0;
	width: 1px;
	height: 7px;
}

.gradio-container-5-25-1 .cropper-face,
.gradio-container-5-25-1 .cropper-line,
.gradio-container-5-25-1 .cropper-point {
	display: block;
	position: absolute;
	opacity: 0.1;
	width: 100%;
	height: 100%;
}

.gradio-container-5-25-1 .cropper-face {
	top: 0;
	left: 0;
	background-color: #fff;
}

.gradio-container-5-25-1 .cropper-line {
	background-color: #39f;
}

.gradio-container-5-25-1 .cropper-line.line-e {
	top: 0;
	right: -3px;
	cursor: ew-resize;
	width: 5px;
}

.gradio-container-5-25-1 .cropper-line.line-n {
	top: -3px;
	left: 0;
	cursor: ns-resize;
	height: 5px;
}

.gradio-container-5-25-1 .cropper-line.line-w {
	top: 0;
	left: -3px;
	cursor: ew-resize;
	width: 5px;
}

.gradio-container-5-25-1 .cropper-line.line-s {
	bottom: -3px;
	left: 0;
	cursor: ns-resize;
	height: 5px;
}

.gradio-container-5-25-1 .cropper-point {
	opacity: 0.75;
	background-color: #39f;
	width: 5px;
	height: 5px;
}

.gradio-container-5-25-1 .cropper-point.point-e {
	top: 50%;
	right: -3px;
	cursor: ew-resize;
	margin-top: -3px;
}

.gradio-container-5-25-1 .cropper-point.point-n {
	top: -3px;
	left: 50%;
	cursor: ns-resize;
	margin-left: -3px;
}

.gradio-container-5-25-1 .cropper-point.point-w {
	top: 50%;
	left: -3px;
	cursor: ew-resize;
	margin-top: -3px;
}

.gradio-container-5-25-1 .cropper-point.point-s {
	bottom: -3px;
	left: 50%;
	cursor: s-resize;
	margin-left: -3px;
}

.gradio-container-5-25-1 .cropper-point.point-ne {
	top: -3px;
	right: -3px;
	cursor: nesw-resize;
}

.gradio-container-5-25-1 .cropper-point.point-nw {
	top: -3px;
	left: -3px;
	cursor: nwse-resize;
}

.gradio-container-5-25-1 .cropper-point.point-sw {
	bottom: -3px;
	left: -3px;
	cursor: nesw-resize;
}

.gradio-container-5-25-1 .cropper-point.point-se {
	right: -3px;
	bottom: -3px;
	opacity: 1;
	cursor: nwse-resize;
	width: 20px;
	height: 20px;
}

@media (min-width: 768px) {
	.gradio-container-5-25-1 .cropper-point.point-se {
		width: 15px;
		height: 15px;
	}
}

@media (min-width: 992px) {
	.gradio-container-5-25-1 .cropper-point.point-se {
		width: 10px;
		height: 10px;
	}
}

@media (min-width: 1200px) {
	.gradio-container-5-25-1 .cropper-point.point-se {
		opacity: 0.75;
		width: 5px;
		height: 5px;
	}
}

.gradio-container-5-25-1 .cropper-point.point-se::before {
	display: block;
	position: absolute;
	right: -50%;
	bottom: -50%;
	opacity: 0;
	background-color: #39f;
	width: 200%;
	height: 200%;
	content: " ";
}

.gradio-container-5-25-1 .cropper-invisible {
	opacity: 0;
}

.gradio-container-5-25-1 .cropper-bg {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.gradio-container-5-25-1 .cropper-hide {
	display: block;
	position: absolute;
	width: 0;
	height: 0;
}

.gradio-container-5-25-1 .cropper-hidden {
	display: none !important;
}

.gradio-container-5-25-1 .cropper-move {
	cursor: move;
}

.gradio-container-5-25-1 .cropper-crop {
	cursor: crosshair;
}

.gradio-container-5-25-1 .cropper-disabled .cropper-drag-box,
.gradio-container-5-25-1 .cropper-disabled .cropper-face,
.gradio-container-5-25-1 .cropper-disabled .cropper-line,
.gradio-container-5-25-1 .cropper-disabled .cropper-point {
	cursor: not-allowed;
}
/**
  * THIS IS AN AUTO-GENERATED FILE
  * Edit Pollen config to update
  */
:root {
  --scale-0: 1rem;
  --scale-1: 1.125rem;
  --scale-2: 1.25rem;
  --scale-3: 1.5rem;
  --scale-4: 1.875rem;
  --scale-5: 2.25rem;
  --scale-6: 3rem;
  --scale-7: 3.75rem;
  --scale-8: 4.5rem;
  --scale-9: 6rem;
  --scale-10: 8rem;
  --scale-000: 0.75rem;
  --scale-00: 0.875rem;
  --scale-fluid-0: clamp(0.875rem, 0.8rem + 0.25vw, 1rem);
  --scale-fluid-1: clamp(1rem, 0.925rem + 0.25vw, 1.125rem);
  --scale-fluid-2: clamp(1.125rem, 1.05rem + 0.25vw, 1.25rem);
  --scale-fluid-3: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
  --scale-fluid-4: clamp(1.5rem, 1.275rem + 0.75vw, 1.875rem);
  --scale-fluid-5: clamp(1.875rem, 1.65rem + 0.75vw, 2.25rem);
  --scale-fluid-6: clamp(2.25rem, 1.8rem + 1.5vw, 3rem);
  --scale-fluid-7: clamp(3rem, 2.55rem + 1.5vw, 3.75rem);
  --scale-fluid-8: clamp(3.75rem, 3.3rem + 1.5vw, 4.5rem);
  --scale-fluid-9: clamp(4.5rem, 3.6rem + 3vw, 6rem);
  --scale-fluid-10: clamp(6rem, 4.8rem + 4vw, 8rem);
  --scale-fluid-000: clamp(0.625rem, 0.55rem + 0.25vw, 0.75rem);
  --scale-fluid-00: clamp(0.75rem, 0.675rem + 0.25vw, 0.875rem);
  --font-sans: IBM Plex Sans, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  --font-serif: Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, Monaco,
    Consolas, "Liberation Mono", "Courier New", monospace;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
  --weight-black: 900;
  --line-none: 1;
  --line-xs: 1.125;
  --line-sm: 1.4;
  --line-md: 1.5;
  --line-lg: 1.625;
  --line-xl: 2;
  --letter-xs: -0.05em;
  --letter-sm: -0.025em;
  --letter-none: 0em;
  --letter-lg: 0.025em;
  --letter-xl: 0.05em;
  --prose-xs: 45ch;
  --prose-sm: 55ch;
  --prose-md: 65ch;
  --prose-lg: 75ch;
  --prose-xl: 85ch;
  --size-1: 4px;
  --size-2: 8px;
  --size-3: 12px;
  --size-4: 16px;
  --size-5: 20px;
  --size-6: 24px;
  --size-7: 28px;
  --size-8: 32px;
  --size-9: 36px;
  --size-10: 40px;
  --size-11: 44px;
  --size-12: 48px;
  --size-14: 56px;
  --size-16: 64px;
  --size-20: 80px;
  --size-24: 96px;
  --size-28: 112px;
  --size-32: 128px;
  --size-36: 144px;
  --size-40: 160px;
  --size-44: 176px;
  --size-48: 192px;
  --size-52: 208px;
  --size-56: 224px;
  --size-60: 240px;
  --size-64: 256px;
  --size-72: 288px;
  --size-80: 320px;
  --size-96: 384px;
  --size-px: 1px;
  --size-full: 100%;
  --size-screen: 100vw;
  --size-min: min-content;
  --size-max: max-content;
  --size-0-5: 2px;
  --size-1-5: 6px;
  --size-2-5: 10px;
  --size-screen-h: 100vh;
  --width-xs: 480px;
  --width-sm: 640px;
  --width-md: 768px;
  --width-lg: 1024px;
  --width-xl: 1280px;
  --ratio-square: 1/1;
  --ratio-portrait: 3/4;
  --ratio-landscape: 4/3;
  --ratio-tall: 2/3;
  --ratio-wide: 3/2;
  --ratio-widescreen: 16/9;
  --ratio-golden: 1.618/1;
  --radius-100: 100%;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;
  --radius-2xl: 16px;
  --radius-3xl: 22px;
  --blur-xs: blur(4px);
  --blur-sm: blur(8px);
  --blur-md: blur(16px);
  --blur-lg: blur(24px);
  --blur-xl: blur(40px);
  --layer-1: 10;
  --layer-2: 20;
  --layer-3: 30;
  --layer-4: 40;
  --layer-5: 50;
  --layer-below: -1;
  --layer-top: 2147483647;
  --shadow-xs: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-sm: 0 4px 6px -2px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 12px 16px -4px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 20px 24px -4px rgba(0, 0, 0, 0.1),
    0 8px 8px -4px rgba(0, 0, 0, 0.04);
  --shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, 0.25);
  --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --easing-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --elevation-1: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --elevation-2: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --elevation-3: 0 4px 6px -2px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.06);
  --elevation-4: 0 12px 16px -4px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --elevation-5: 0 20px 24px -4px rgba(0, 0, 0, 0.1),
    0 8px 8px -4px rgba(0, 0, 0, 0.04);
  --elevation-6: 0 24px 48px -12px rgba(0, 0, 0, 0.25);
  --elevation-7: 0 32px 64px -12px rgba(0, 0, 0, 0.2);
  --color-grey-50: #f9fafb;
  --color-grey-100: #f3f4f6;
  --color-grey-200: #e5e7eb;
  --color-grey-300: #d1d5db;
  --color-grey-400: #9ca3af;
  --color-grey-500: #6b7280;
  --color-grey-600: #4b5563;
  --color-grey-700: #374151;
  --color-grey-800: #1f2937;
  --color-grey-900: #111827;
  --color-black: #14141b;
  --color-grey: #6b7280;
  --color-red-300: #fca5a5;
  --color-red-500: #ef4444;
  --color-red-700: #b91c1c;
  --color-red: #ef4444;
  --color-green-300: #86efac;
  --color-green-500: #22c55e;
  --color-green-700: #15803d;
  --color-green: #22c55e;
  --color-blue-300: #93c5fd;
  --color-blue-500: #0ea5e9;
  --color-blue-700: #1d4ed8;
  --color-blue: #0ea5e9;
  --color-pink-300: #fbb6ce;
  --color-pink-500: #ed64a6;
  --color-pink-700: #d53f8c;
  --color-pink: var(--color-pink-500);
  --color-purple-300: #b794f4;
  --color-purple-500: #805ad5;
  --color-purple-700: #6b46c1;
  --color-purple: var(--color-purple-500);
  --color-teal-300: #81e6d9;
  --color-teal-500: #38b2ac;
  --color-teal-700: #2c7a7b;
  --color-teal: var(--color-teal-500);
  --color-yellow-300: #fde047;
  --color-yellow-500: #eab308;
  --color-yellow-700: #a16207;
  --color-yellow: #eab308;
  --color-orange-300: #ffb066;
  --color-orange-500: #ff7c00;
  --color-orange-700: #ce6400;
  --color-orange: #f97316;
  --color-brown-300: #a1887f;
  --color-brown-500: #795548;
  --color-brown-700: #5d4037;
  --color-brown: var(--color-brown-500);
  --color-blue-10: #fafcff;
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-200: #bfdbfe;
  --color-blue-400: #60a5fa;
  --color-blue-600: #2563eb;
  --color-blue-800: #1e40af;
  --color-blue-900: #1e3a8a;
  --color-blue-950: #1c366b;
  --color-grey-10: #fdfdfe;
  --color-grey-950: #0b0f19;
  --color-red-10: #fffbfb;
  --color-red-50: #fef2f2;
  --color-red-100: #fee2e2;
  --color-red-200: #fecaca;
  --color-red-400: #f87171;
  --color-red-600: #dc2626;
  --color-red-800: #991b1b;
  --color-red-900: #7f1d1d;
  --color-red-950: #63171a;
  --color-green-10: #f9fefc;
  --color-green-50: #ecfdf5;
  --color-green-100: #d1fae5;
  --color-green-200: #bbf7d0;
  --color-green-400: #4ade80;
  --color-green-600: #16a34a;
  --color-green-800: #166534;
  --color-green-900: #14532d;
  --color-green-950: #134227;
  --color-orange-10: #fffbf6;
  --color-orange-50: #fff2e5;
  --color-orange-100: #ffe5cc;
  --color-orange-200: #ffd8b4;
  --color-orange-400: #ff9633;
  --color-orange-600: #ee7400;
  --color-orange-800: #a45000;
  --color-orange-900: #5c2d00;
  --color-orange-950: #3c1f00;
  --color-yellow-10: #fffef8;
  --color-yellow-50: #fffbeb;
  --color-yellow-100: #fff9c2;
  --color-yellow-200: #fef08a;
  --color-yellow-400: #facc15;
  --color-yellow-600: #ca8a04;
  --color-yellow-800: #854d0e;
  --color-yellow-900: #713f12;
  --color-yellow-950: #633112;
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
  --grid-page-width: var(--width-xl);
  --grid-page-gutter: 5vw;
  --grid-page-main: 2 / 3;
  --grid-page: minmax(var(--grid-page-gutter), 1fr)
    minmax(0, var(--grid-page-width)) minmax(var(--grid-page-gutter), 1fr);
}
.gradio-container-5-25-1 .prose {
	font-weight: var(--prose-text-weight);
	font-size: var(--text-md);
}

.gradio-container-5-25-1 .prose * {
	color: var(--body-text-color);
}

.gradio-container-5-25-1 .prose p {
	margin-bottom: var(--spacing-sm);
	line-height: var(--line-lg);
}

/* headings
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */

.gradio-container-5-25-1 .prose h1,
.gradio-container-5-25-1 .prose h2,
.gradio-container-5-25-1 .prose h3,
.gradio-container-5-25-1 .prose h4,
.gradio-container-5-25-1 .prose h5 {
	margin: var(--spacing-xxl) 0 var(--spacing-lg);
	font-weight: var(--prose-header-text-weight);
	line-height: 1.3;
	color: var(--body-text-color);
}

.gradio-container-5-25-1 .prose > *:first-child {
	margin-top: 0;
}

.gradio-container-5-25-1 .prose h1 {
	font-size: var(--text-xxl);
}

.gradio-container-5-25-1 .prose h2 {
	font-size: var(--text-xl);
}

.gradio-container-5-25-1 .prose h3 {
	font-size: var(--text-lg);
}

.gradio-container-5-25-1 .prose h4 {
	font-size: 1.1em;
}

.gradio-container-5-25-1 .prose h5 {
	font-size: 1.05em;
}

/* lists
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */
.gradio-container-5-25-1 .prose ul {
	list-style: circle inside;
}
.gradio-container-5-25-1 .prose ol {
	list-style: decimal inside;
}

.gradio-container-5-25-1 .prose ul > p,
.gradio-container-5-25-1 .prose li > p {
	display: inline;
}
.gradio-container-5-25-1 .prose ol,
.gradio-container-5-25-1 .prose ul {
	margin-top: 0;
	padding-left: 0;
}
.gradio-container-5-25-1 .prose ul ul,
.gradio-container-5-25-1 .prose ul ol,
.gradio-container-5-25-1 .prose ol ol,
.gradio-container-5-25-1 .prose ol ul {
	margin: 0.5em 0 0.5em 0em;
	font-size: 90%;
	padding-inline-start: 2em;
}
.gradio-container-5-25-1 .prose li {
	margin-bottom: 0.5em;
}

/* code
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */

/* tables
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */
.gradio-container-5-25-1 .prose th,
.gradio-container-5-25-1 .prose td {
	border-bottom: 1px solid #e1e1e1;
	padding: var(--text-xs) var(--text-md);
	text-align: left;
}

/* spacing
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */
.gradio-container-5-25-1 .prose button,
.gradio-container-5-25-1 .prose .button {
	margin-bottom: var(--spacing-sm);
}
.gradio-container-5-25-1 .prose input,
.gradio-container-5-25-1 .prose textarea,
.gradio-container-5-25-1 .prose select,
.gradio-container-5-25-1 .prose fieldset {
	margin-bottom: var(--spacing-sm);
}
.gradio-container-5-25-1 .prose pre,
.gradio-container-5-25-1 .prose blockquote,
.gradio-container-5-25-1 .prose dl,
.gradio-container-5-25-1 .prose figure,
.gradio-container-5-25-1 .prose table,
.gradio-container-5-25-1 .prose p,
.gradio-container-5-25-1 .prose ul,
.gradio-container-5-25-1 .prose ol,
.gradio-container-5-25-1 .prose form {
	margin-bottom: var(--spacing-md);
}

.gradio-container-5-25-1 .prose table,
.gradio-container-5-25-1 .prose tr,
.gradio-container-5-25-1 .prose td,
.gradio-container-5-25-1 .prose th {
	border: 1px solid var(--body-text-color);
}
.gradio-container-5-25-1 .prose table {
	border-collapse: collapse;
	margin-bottom: var(--spacing-xxl);
}

/* links
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */
.gradio-container-5-25-1 .prose a {
	color: var(--link-text-color);
	text-decoration: underline;
}

.gradio-container-5-25-1 .prose a:visited {
	color: var(--link-text-color-visited);
}

.gradio-container-5-25-1 .prose a:hover {
	color: var(--link-text-color-hover);
}
.gradio-container-5-25-1 .prose a:active {
	color: var(--link-text-color-active);
}

/* misc
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */

.gradio-container-5-25-1 .prose hr {
	margin-top: 3em;
	margin-bottom: 3.5em;
	border-width: 0;
	border-top: 1px solid #e1e1e1;
}

.gradio-container-5-25-1 .prose blockquote {
	margin: var(--size-6) 0 !important;
	border-left: 5px solid var(--border-color-primary);
	padding-left: var(--size-2);
}

.gradio-container-5-25-1 .prose :last-child {
	margin-bottom: 0 !important;
}
body{background:var(--body-background-fill);color:var(--body-text-color)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/2.DWZj746S.css


.nav-holder.svelte-1170pvd.svelte-1170pvd{padding:var(--size-2) 0;border-bottom:solid 1px var(--border-color-primary)}nav.svelte-1170pvd.svelte-1170pvd{display:flex;flex-wrap:wrap;gap:var(--size-2);justify-content:flex-end;margin:0 auto;padding:0 var(--size-8)}nav.svelte-1170pvd a.svelte-1170pvd,button.svelte-1170pvd.svelte-1170pvd{padding:var(--size-1) var(--size-2);border-radius:var(--block-radius);border-width:var(--block-border-width);border-color:transparent;color:var(--body-text-color-subdued)}nav.svelte-1170pvd a.active.svelte-1170pvd,button.active.svelte-1170pvd.svelte-1170pvd{color:var(--body-text-color);border-color:var(--block-border-color);background-color:var(--block-background-fill)}.gradio-container-5-25-1{display:flex;position:relative;flex-direction:column;padding:0;min-height:1px;overflow:hidden;color:var(--button-secondary-text-color)}.embed-container.svelte-1170pvd.svelte-1170pvd{margin:var(--size-4) 0px;border:1px solid var(--button-secondary-border-color);border-radius:var(--embed-radius)}.with-info.svelte-1170pvd.svelte-1170pvd{padding-bottom:var(--size-7)}.embed-container.svelte-1170pvd>main.svelte-1170pvd{padding:var(--size-4)}main.svelte-1170pvd.svelte-1170pvd{display:flex;flex-grow:1;flex-direction:column}.app.svelte-1170pvd.svelte-1170pvd{position:relative;margin:auto;padding:var(--size-4) var(--size-8);width:100%;height:100%}@media(min-width: 640px){.fillable.svelte-1170pvd.svelte-1170pvd:not(.fill_width){max-width:640px}}@media(min-width: 768px){.fillable.svelte-1170pvd.svelte-1170pvd:not(.fill_width){max-width:768px}}@media(min-width: 1024px){.fillable.svelte-1170pvd.svelte-1170pvd:not(.fill_width){max-width:1024px}}@media(min-width: 1280px){.fillable.svelte-1170pvd.svelte-1170pvd:not(.fill_width){max-width:1280px}}@media(min-width: 1536px){.fillable.svelte-1170pvd.svelte-1170pvd:not(.fill_width){max-width:1536px}}@media(min-width: 1920px){.fillable.svelte-1170pvd.svelte-1170pvd:not(.fill_width){max-width:1920px}}.info.svelte-1170pvd.svelte-1170pvd{display:flex;position:absolute;bottom:0;justify-content:flex-start;border-top:1px solid var(--button-secondary-border-color);padding:var(--size-1) var(--size-5);width:100%;color:var(--body-text-color-subdued);font-size:var(--text-md);white-space:nowrap}.info.svelte-1170pvd>span.svelte-1170pvd{word-wrap:break-word;-break:keep-all;display:block;word-break:keep-all}.info.svelte-1170pvd>span.svelte-1170pvd:nth-child(1){margin-right:4px;min-width:0px;max-width:max-content;overflow:hidden;color:var(--body-text-color);text-overflow:ellipsis;white-space:nowrap}.info.svelte-1170pvd>span.svelte-1170pvd:nth-child(2){margin-right:3px}.info.svelte-1170pvd>span.svelte-1170pvd:nth-child(2),.info.svelte-1170pvd>span.svelte-1170pvd:nth-child(3){width:max-content}.info.svelte-1170pvd>span.svelte-1170pvd:nth-child(3){align-self:flex-end;justify-self:flex-end;margin-left:auto;text-align:right}.info.svelte-1170pvd>span.svelte-1170pvd:nth-child(1){flex-shrink:9}.hidden-title.svelte-1170pvd.svelte-1170pvd{position:absolute;left:var(--size-5);opacity:0;background:var(--button-secondary-background-fill);padding-right:4px}.info.svelte-1170pvd a.svelte-1170pvd{color:var(--body-text-color)}.title.svelte-1170pvd.svelte-1170pvd{font-size:var(--text-sm);font-family:var(--font-mono)}.hf.svelte-1170pvd.svelte-1170pvd{margin-left:5px}.space-logo.svelte-1170pvd img.svelte-1170pvd{display:inline-block;margin-bottom:4px;height:12px}main.svelte-1170pvd a.svelte-1170pvd:hover{text-decoration:underline}.wrap.svelte-e1ha0f.svelte-e1ha0f{padding:var(--size-6)}.attention.svelte-e1ha0f.svelte-e1ha0f{font-weight:var(--weight-bold);font-size:var(--text-lg)}.attention.svelte-e1ha0f code.svelte-e1ha0f{border:none;background:none;color:var(--color-accent);font-weight:var(--weight-bold)}button.svelte-e1ha0f.svelte-e1ha0f{position:absolute;top:var(--size-5);right:var(--size-6);width:var(--size-4);color:var(--body-text-color)}button.svelte-e1ha0f.svelte-e1ha0f:hover{color:var(--color-accent)}@media(min-width: 768px){button.svelte-e1ha0f.svelte-e1ha0f{top:var(--size-6)}}.unstyled-link.svelte-1s8vnbx{all:unset;cursor:pointer}img.svelte-1pijsyv{object-fit:cover}.block.svelte-11xb1hd{position:relative;margin:0;box-shadow:var(--block-shadow);border-width:var(--block-border-width);border-color:var(--block-border-color);border-radius:var(--block-radius);background:var(--block-background-fill);width:100%;line-height:var(--line-sm)}.auto-margin.svelte-11xb1hd{margin-left:auto;margin-right:auto}.block.border_focus.svelte-11xb1hd{border-color:var(--color-accent)}.block.border_contrast.svelte-11xb1hd{border-color:var(--body-text-color)}.padded.svelte-11xb1hd{padding:var(--block-padding)}.hidden.svelte-11xb1hd{display:none}.flex.svelte-11xb1hd{display:flex;flex-direction:column}.hide-container.svelte-11xb1hd{margin:0;box-shadow:none;--block-border-width:0;background:transparent;padding:0;overflow:visible}.resize-handle.svelte-11xb1hd{position:absolute;bottom:0;right:0;width:10px;height:10px;fill:var(--block-border-color);cursor:nwse-resize}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(./KaTeX_AMS-Regular.BQhdFMY1.woff2) format("woff2"),url(./KaTeX_AMS-Regular.DMm9YOAa.woff) format("woff"),url(./KaTeX_AMS-Regular.DRggAlZN.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(./KaTeX_Caligraphic-Bold.Dq_IR9rO.woff2) format("woff2"),url(./KaTeX_Caligraphic-Bold.BEiXGLvX.woff) format("woff"),url(./KaTeX_Caligraphic-Bold.ATXxdsX0.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(./KaTeX_Caligraphic-Regular.Di6jR-x-.woff2) format("woff2"),url(./KaTeX_Caligraphic-Regular.CTRA-rTL.woff) format("woff"),url(./KaTeX_Caligraphic-Regular.wX97UBjC.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(./KaTeX_Fraktur-Bold.CL6g_b3V.woff2) format("woff2"),url(./KaTeX_Fraktur-Bold.BsDP51OF.woff) format("woff"),url(./KaTeX_Fraktur-Bold.BdnERNNW.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(./KaTeX_Fraktur-Regular.CTYiF6lA.woff2) format("woff2"),url(./KaTeX_Fraktur-Regular.Dxdc4cR9.woff) format("woff"),url(./KaTeX_Fraktur-Regular.CB_wures.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(./KaTeX_Main-Bold.Cx986IdX.woff2) format("woff2"),url(./KaTeX_Main-Bold.Jm3AIy58.woff) format("woff"),url(./KaTeX_Main-Bold.waoOVXN0.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(./KaTeX_Main-BoldItalic.DxDJ3AOS.woff2) format("woff2"),url(./KaTeX_Main-BoldItalic.SpSLRI95.woff) format("woff"),url(./KaTeX_Main-BoldItalic.DzxPMmG6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(./KaTeX_Main-Italic.NWA7e6Wa.woff2) format("woff2"),url(./KaTeX_Main-Italic.BMLOBm91.woff) format("woff"),url(./KaTeX_Main-Italic.3WenGoN9.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(./KaTeX_Main-Regular.B22Nviop.woff2) format("woff2"),url(./KaTeX_Main-Regular.Dr94JaBh.woff) format("woff"),url(./KaTeX_Main-Regular.ypZvNtVU.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(./KaTeX_Math-BoldItalic.CZnvNsCZ.woff2) format("woff2"),url(./KaTeX_Math-BoldItalic.iY-2wyZ7.woff) format("woff"),url(./KaTeX_Math-BoldItalic.B3XSjfu4.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(./KaTeX_Math-Italic.t53AETM-.woff2) format("woff2"),url(./KaTeX_Math-Italic.DA0__PXp.woff) format("woff"),url(./KaTeX_Math-Italic.flOr_0UB.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(./KaTeX_SansSerif-Bold.D1sUS0GD.woff2) format("woff2"),url(./KaTeX_SansSerif-Bold.DbIhKOiC.woff) format("woff"),url(./KaTeX_SansSerif-Bold.CFMepnvq.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(./KaTeX_SansSerif-Italic.C3H0VqGB.woff2) format("woff2"),url(./KaTeX_SansSerif-Italic.DN2j7dab.woff) format("woff"),url(./KaTeX_SansSerif-Italic.YYjJ1zSn.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(./KaTeX_SansSerif-Regular.DDBCnlJ7.woff2) format("woff2"),url(./KaTeX_SansSerif-Regular.CS6fqUqJ.woff) format("woff"),url(./KaTeX_SansSerif-Regular.BNo7hRIc.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(./KaTeX_Script-Regular.D3wIWfF6.woff2) format("woff2"),url(./KaTeX_Script-Regular.D5yQViql.woff) format("woff"),url(./KaTeX_Script-Regular.C5JkGWo-.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(./KaTeX_Size1-Regular.mCD8mA8B.woff2) format("woff2"),url(./KaTeX_Size1-Regular.C195tn64.woff) format("woff"),url(./KaTeX_Size1-Regular.Dbsnue_I.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(./KaTeX_Size2-Regular.Dy4dx90m.woff2) format("woff2"),url(./KaTeX_Size2-Regular.oD1tc_U0.woff) format("woff"),url(./KaTeX_Size2-Regular.B7gKUWhC.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(./KaTeX_Size3-Regular.CTq5MqoE.woff) format("woff"),url(./KaTeX_Size3-Regular.DgpXs0kz.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(./KaTeX_Size4-Regular.Dl5lxZxV.woff2) format("woff2"),url(./KaTeX_Size4-Regular.BF-4gkZK.woff) format("woff"),url(./KaTeX_Size4-Regular.DWFBv043.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(./KaTeX_Typewriter-Regular.CO6r4hn1.woff2) format("woff2"),url(./KaTeX_Typewriter-Regular.C0xS9mPB.woff) format("woff"),url(./KaTeX_Typewriter-Regular.D3Ib7_Hf.ttf) format("truetype")}.gradio-container-5-25-1 .katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.gradio-container-5-25-1 .katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.gradio-container-5-25-1 .katex .katex-version:after{content:"0.16.10"}.gradio-container-5-25-1 .katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.gradio-container-5-25-1 .katex .katex-html>.newline{display:block}.gradio-container-5-25-1 .katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.gradio-container-5-25-1 .katex .base,.gradio-container-5-25-1 .katex .strut{display:inline-block}.gradio-container-5-25-1 .katex .textbf{font-weight:700}.gradio-container-5-25-1 .katex .textit{font-style:italic}.gradio-container-5-25-1 .katex .textrm{font-family:KaTeX_Main}.gradio-container-5-25-1 .katex .textsf{font-family:KaTeX_SansSerif}.gradio-container-5-25-1 .katex .texttt{font-family:KaTeX_Typewriter}.gradio-container-5-25-1 .katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.gradio-container-5-25-1 .katex .mathit{font-family:KaTeX_Main;font-style:italic}.gradio-container-5-25-1 .katex .mathrm{font-style:normal}.gradio-container-5-25-1 .katex .mathbf{font-family:KaTeX_Main;font-weight:700}.gradio-container-5-25-1 .katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.gradio-container-5-25-1 .katex .amsrm,.gradio-container-5-25-1 .katex .mathbb,.gradio-container-5-25-1 .katex .textbb{font-family:KaTeX_AMS}.gradio-container-5-25-1 .katex .mathcal{font-family:KaTeX_Caligraphic}.gradio-container-5-25-1 .katex .mathfrak,.gradio-container-5-25-1 .katex .textfrak{font-family:KaTeX_Fraktur}.gradio-container-5-25-1 .katex .mathboldfrak,.gradio-container-5-25-1 .katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.gradio-container-5-25-1 .katex .mathtt{font-family:KaTeX_Typewriter}.gradio-container-5-25-1 .katex .mathscr,.gradio-container-5-25-1 .katex .textscr{font-family:KaTeX_Script}.gradio-container-5-25-1 .katex .mathsf,.gradio-container-5-25-1 .katex .textsf{font-family:KaTeX_SansSerif}.gradio-container-5-25-1 .katex .mathboldsf,.gradio-container-5-25-1 .katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.gradio-container-5-25-1 .katex .mathitsf,.gradio-container-5-25-1 .katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.gradio-container-5-25-1 .katex .mainrm{font-family:KaTeX_Main;font-style:normal}.gradio-container-5-25-1 .katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.gradio-container-5-25-1 .katex .vlist-r{display:table-row}.gradio-container-5-25-1 .katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.gradio-container-5-25-1 .katex .vlist>span{display:block;height:0;position:relative}.gradio-container-5-25-1 .katex .vlist>span>span{display:inline-block}.gradio-container-5-25-1 .katex .vlist>span>.pstrut{overflow:hidden;width:0}.gradio-container-5-25-1 .katex .vlist-t2{margin-right:-2px}.gradio-container-5-25-1 .katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.gradio-container-5-25-1 .katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.gradio-container-5-25-1 .katex .hbox{width:100%}.gradio-container-5-25-1 .katex .hbox,.gradio-container-5-25-1 .katex .thinbox{display:inline-flex;flex-direction:row}.gradio-container-5-25-1 .katex .thinbox{max-width:0;width:0}.gradio-container-5-25-1 .katex .msupsub{text-align:left}.gradio-container-5-25-1 .katex .mfrac>span>span{text-align:center}.gradio-container-5-25-1 .katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.gradio-container-5-25-1 .katex .hdashline,.gradio-container-5-25-1 .katex .hline,.gradio-container-5-25-1 .katex .mfrac .frac-line,.gradio-container-5-25-1 .katex .overline .overline-line,.gradio-container-5-25-1 .katex .rule,.gradio-container-5-25-1 .katex .underline .underline-line{min-height:1px}.gradio-container-5-25-1 .katex .mspace{display:inline-block}.gradio-container-5-25-1 .katex .clap,.gradio-container-5-25-1 .katex .llap,.gradio-container-5-25-1 .katex .rlap{position:relative;width:0}.gradio-container-5-25-1 .katex .clap>.inner,.gradio-container-5-25-1 .katex .llap>.inner,.gradio-container-5-25-1 .katex .rlap>.inner{position:absolute}.gradio-container-5-25-1 .katex .clap>.fix,.gradio-container-5-25-1 .katex .llap>.fix,.gradio-container-5-25-1 .katex .rlap>.fix{display:inline-block}.gradio-container-5-25-1 .katex .llap>.inner{right:0}.gradio-container-5-25-1 .katex .clap>.inner,.gradio-container-5-25-1 .katex .rlap>.inner{left:0}.gradio-container-5-25-1 .katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.gradio-container-5-25-1 .katex .rule{border:0 solid;display:inline-block;position:relative}.gradio-container-5-25-1 .katex .hline,.gradio-container-5-25-1 .katex .overline .overline-line,.gradio-container-5-25-1 .katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.gradio-container-5-25-1 .katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.gradio-container-5-25-1 .katex .sqrt>.root{margin-left:.27777778em;margin-right:-.55555556em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size1.size1,.gradio-container-5-25-1 .katex .sizing.reset-size1.size1{font-size:1em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size1.size2,.gradio-container-5-25-1 .katex .sizing.reset-size1.size2{font-size:1.2em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size1.size3,.gradio-container-5-25-1 .katex .sizing.reset-size1.size3{font-size:1.4em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size1.size4,.gradio-container-5-25-1 .katex .sizing.reset-size1.size4{font-size:1.6em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size1.size5,.gradio-container-5-25-1 .katex .sizing.reset-size1.size5{font-size:1.8em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size1.size6,.gradio-container-5-25-1 .katex .sizing.reset-size1.size6{font-size:2em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size1.size7,.gradio-container-5-25-1 .katex .sizing.reset-size1.size7{font-size:2.4em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size1.size8,.gradio-container-5-25-1 .katex .sizing.reset-size1.size8{font-size:2.88em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size1.size9,.gradio-container-5-25-1 .katex .sizing.reset-size1.size9{font-size:3.456em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size1.size10,.gradio-container-5-25-1 .katex .sizing.reset-size1.size10{font-size:4.148em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size1.size11,.gradio-container-5-25-1 .katex .sizing.reset-size1.size11{font-size:4.976em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size2.size1,.gradio-container-5-25-1 .katex .sizing.reset-size2.size1{font-size:.83333333em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size2.size2,.gradio-container-5-25-1 .katex .sizing.reset-size2.size2{font-size:1em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size2.size3,.gradio-container-5-25-1 .katex .sizing.reset-size2.size3{font-size:1.16666667em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size2.size4,.gradio-container-5-25-1 .katex .sizing.reset-size2.size4{font-size:1.33333333em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size2.size5,.gradio-container-5-25-1 .katex .sizing.reset-size2.size5{font-size:1.5em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size2.size6,.gradio-container-5-25-1 .katex .sizing.reset-size2.size6{font-size:1.66666667em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size2.size7,.gradio-container-5-25-1 .katex .sizing.reset-size2.size7{font-size:2em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size2.size8,.gradio-container-5-25-1 .katex .sizing.reset-size2.size8{font-size:2.4em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size2.size9,.gradio-container-5-25-1 .katex .sizing.reset-size2.size9{font-size:2.88em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size2.size10,.gradio-container-5-25-1 .katex .sizing.reset-size2.size10{font-size:3.45666667em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size2.size11,.gradio-container-5-25-1 .katex .sizing.reset-size2.size11{font-size:4.14666667em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size3.size1,.gradio-container-5-25-1 .katex .sizing.reset-size3.size1{font-size:.71428571em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size3.size2,.gradio-container-5-25-1 .katex .sizing.reset-size3.size2{font-size:.85714286em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size3.size3,.gradio-container-5-25-1 .katex .sizing.reset-size3.size3{font-size:1em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size3.size4,.gradio-container-5-25-1 .katex .sizing.reset-size3.size4{font-size:1.14285714em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size3.size5,.gradio-container-5-25-1 .katex .sizing.reset-size3.size5{font-size:1.28571429em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size3.size6,.gradio-container-5-25-1 .katex .sizing.reset-size3.size6{font-size:1.42857143em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size3.size7,.gradio-container-5-25-1 .katex .sizing.reset-size3.size7{font-size:1.71428571em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size3.size8,.gradio-container-5-25-1 .katex .sizing.reset-size3.size8{font-size:2.05714286em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size3.size9,.gradio-container-5-25-1 .katex .sizing.reset-size3.size9{font-size:2.46857143em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size3.size10,.gradio-container-5-25-1 .katex .sizing.reset-size3.size10{font-size:2.96285714em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size3.size11,.gradio-container-5-25-1 .katex .sizing.reset-size3.size11{font-size:3.55428571em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size4.size1,.gradio-container-5-25-1 .katex .sizing.reset-size4.size1{font-size:.625em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size4.size2,.gradio-container-5-25-1 .katex .sizing.reset-size4.size2{font-size:.75em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size4.size3,.gradio-container-5-25-1 .katex .sizing.reset-size4.size3{font-size:.875em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size4.size4,.gradio-container-5-25-1 .katex .sizing.reset-size4.size4{font-size:1em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size4.size5,.gradio-container-5-25-1 .katex .sizing.reset-size4.size5{font-size:1.125em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size4.size6,.gradio-container-5-25-1 .katex .sizing.reset-size4.size6{font-size:1.25em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size4.size7,.gradio-container-5-25-1 .katex .sizing.reset-size4.size7{font-size:1.5em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size4.size8,.gradio-container-5-25-1 .katex .sizing.reset-size4.size8{font-size:1.8em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size4.size9,.gradio-container-5-25-1 .katex .sizing.reset-size4.size9{font-size:2.16em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size4.size10,.gradio-container-5-25-1 .katex .sizing.reset-size4.size10{font-size:2.5925em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size4.size11,.gradio-container-5-25-1 .katex .sizing.reset-size4.size11{font-size:3.11em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size5.size1,.gradio-container-5-25-1 .katex .sizing.reset-size5.size1{font-size:.55555556em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size5.size2,.gradio-container-5-25-1 .katex .sizing.reset-size5.size2{font-size:.66666667em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size5.size3,.gradio-container-5-25-1 .katex .sizing.reset-size5.size3{font-size:.77777778em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size5.size4,.gradio-container-5-25-1 .katex .sizing.reset-size5.size4{font-size:.88888889em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size5.size5,.gradio-container-5-25-1 .katex .sizing.reset-size5.size5{font-size:1em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size5.size6,.gradio-container-5-25-1 .katex .sizing.reset-size5.size6{font-size:1.11111111em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size5.size7,.gradio-container-5-25-1 .katex .sizing.reset-size5.size7{font-size:1.33333333em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size5.size8,.gradio-container-5-25-1 .katex .sizing.reset-size5.size8{font-size:1.6em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size5.size9,.gradio-container-5-25-1 .katex .sizing.reset-size5.size9{font-size:1.92em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size5.size10,.gradio-container-5-25-1 .katex .sizing.reset-size5.size10{font-size:2.30444444em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size5.size11,.gradio-container-5-25-1 .katex .sizing.reset-size5.size11{font-size:2.76444444em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size6.size1,.gradio-container-5-25-1 .katex .sizing.reset-size6.size1{font-size:.5em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size6.size2,.gradio-container-5-25-1 .katex .sizing.reset-size6.size2{font-size:.6em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size6.size3,.gradio-container-5-25-1 .katex .sizing.reset-size6.size3{font-size:.7em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size6.size4,.gradio-container-5-25-1 .katex .sizing.reset-size6.size4{font-size:.8em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size6.size5,.gradio-container-5-25-1 .katex .sizing.reset-size6.size5{font-size:.9em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size6.size6,.gradio-container-5-25-1 .katex .sizing.reset-size6.size6{font-size:1em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size6.size7,.gradio-container-5-25-1 .katex .sizing.reset-size6.size7{font-size:1.2em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size6.size8,.gradio-container-5-25-1 .katex .sizing.reset-size6.size8{font-size:1.44em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size6.size9,.gradio-container-5-25-1 .katex .sizing.reset-size6.size9{font-size:1.728em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size6.size10,.gradio-container-5-25-1 .katex .sizing.reset-size6.size10{font-size:2.074em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size6.size11,.gradio-container-5-25-1 .katex .sizing.reset-size6.size11{font-size:2.488em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size7.size1,.gradio-container-5-25-1 .katex .sizing.reset-size7.size1{font-size:.41666667em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size7.size2,.gradio-container-5-25-1 .katex .sizing.reset-size7.size2{font-size:.5em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size7.size3,.gradio-container-5-25-1 .katex .sizing.reset-size7.size3{font-size:.58333333em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size7.size4,.gradio-container-5-25-1 .katex .sizing.reset-size7.size4{font-size:.66666667em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size7.size5,.gradio-container-5-25-1 .katex .sizing.reset-size7.size5{font-size:.75em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size7.size6,.gradio-container-5-25-1 .katex .sizing.reset-size7.size6{font-size:.83333333em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size7.size7,.gradio-container-5-25-1 .katex .sizing.reset-size7.size7{font-size:1em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size7.size8,.gradio-container-5-25-1 .katex .sizing.reset-size7.size8{font-size:1.2em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size7.size9,.gradio-container-5-25-1 .katex .sizing.reset-size7.size9{font-size:1.44em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size7.size10,.gradio-container-5-25-1 .katex .sizing.reset-size7.size10{font-size:1.72833333em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size7.size11,.gradio-container-5-25-1 .katex .sizing.reset-size7.size11{font-size:2.07333333em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size8.size1,.gradio-container-5-25-1 .katex .sizing.reset-size8.size1{font-size:.34722222em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size8.size2,.gradio-container-5-25-1 .katex .sizing.reset-size8.size2{font-size:.41666667em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size8.size3,.gradio-container-5-25-1 .katex .sizing.reset-size8.size3{font-size:.48611111em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size8.size4,.gradio-container-5-25-1 .katex .sizing.reset-size8.size4{font-size:.55555556em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size8.size5,.gradio-container-5-25-1 .katex .sizing.reset-size8.size5{font-size:.625em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size8.size6,.gradio-container-5-25-1 .katex .sizing.reset-size8.size6{font-size:.69444444em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size8.size7,.gradio-container-5-25-1 .katex .sizing.reset-size8.size7{font-size:.83333333em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size8.size8,.gradio-container-5-25-1 .katex .sizing.reset-size8.size8{font-size:1em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size8.size9,.gradio-container-5-25-1 .katex .sizing.reset-size8.size9{font-size:1.2em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size8.size10,.gradio-container-5-25-1 .katex .sizing.reset-size8.size10{font-size:1.44027778em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size8.size11,.gradio-container-5-25-1 .katex .sizing.reset-size8.size11{font-size:1.72777778em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size9.size1,.gradio-container-5-25-1 .katex .sizing.reset-size9.size1{font-size:.28935185em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size9.size2,.gradio-container-5-25-1 .katex .sizing.reset-size9.size2{font-size:.34722222em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size9.size3,.gradio-container-5-25-1 .katex .sizing.reset-size9.size3{font-size:.40509259em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size9.size4,.gradio-container-5-25-1 .katex .sizing.reset-size9.size4{font-size:.46296296em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size9.size5,.gradio-container-5-25-1 .katex .sizing.reset-size9.size5{font-size:.52083333em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size9.size6,.gradio-container-5-25-1 .katex .sizing.reset-size9.size6{font-size:.5787037em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size9.size7,.gradio-container-5-25-1 .katex .sizing.reset-size9.size7{font-size:.69444444em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size9.size8,.gradio-container-5-25-1 .katex .sizing.reset-size9.size8{font-size:.83333333em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size9.size9,.gradio-container-5-25-1 .katex .sizing.reset-size9.size9{font-size:1em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size9.size10,.gradio-container-5-25-1 .katex .sizing.reset-size9.size10{font-size:1.20023148em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size9.size11,.gradio-container-5-25-1 .katex .sizing.reset-size9.size11{font-size:1.43981481em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size10.size1,.gradio-container-5-25-1 .katex .sizing.reset-size10.size1{font-size:.24108004em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size10.size2,.gradio-container-5-25-1 .katex .sizing.reset-size10.size2{font-size:.28929605em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size10.size3,.gradio-container-5-25-1 .katex .sizing.reset-size10.size3{font-size:.33751205em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size10.size4,.gradio-container-5-25-1 .katex .sizing.reset-size10.size4{font-size:.38572806em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size10.size5,.gradio-container-5-25-1 .katex .sizing.reset-size10.size5{font-size:.43394407em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size10.size6,.gradio-container-5-25-1 .katex .sizing.reset-size10.size6{font-size:.48216008em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size10.size7,.gradio-container-5-25-1 .katex .sizing.reset-size10.size7{font-size:.57859209em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size10.size8,.gradio-container-5-25-1 .katex .sizing.reset-size10.size8{font-size:.69431051em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size10.size9,.gradio-container-5-25-1 .katex .sizing.reset-size10.size9{font-size:.83317261em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size10.size10,.gradio-container-5-25-1 .katex .sizing.reset-size10.size10{font-size:1em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size10.size11,.gradio-container-5-25-1 .katex .sizing.reset-size10.size11{font-size:1.19961427em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size11.size1,.gradio-container-5-25-1 .katex .sizing.reset-size11.size1{font-size:.20096463em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size11.size2,.gradio-container-5-25-1 .katex .sizing.reset-size11.size2{font-size:.24115756em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size11.size3,.gradio-container-5-25-1 .katex .sizing.reset-size11.size3{font-size:.28135048em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size11.size4,.gradio-container-5-25-1 .katex .sizing.reset-size11.size4{font-size:.32154341em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size11.size5,.gradio-container-5-25-1 .katex .sizing.reset-size11.size5{font-size:.36173633em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size11.size6,.gradio-container-5-25-1 .katex .sizing.reset-size11.size6{font-size:.40192926em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size11.size7,.gradio-container-5-25-1 .katex .sizing.reset-size11.size7{font-size:.48231511em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size11.size8,.gradio-container-5-25-1 .katex .sizing.reset-size11.size8{font-size:.57877814em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size11.size9,.gradio-container-5-25-1 .katex .sizing.reset-size11.size9{font-size:.69453376em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size11.size10,.gradio-container-5-25-1 .katex .sizing.reset-size11.size10{font-size:.83360129em}.gradio-container-5-25-1 .katex .fontsize-ensurer.reset-size11.size11,.gradio-container-5-25-1 .katex .sizing.reset-size11.size11{font-size:1em}.gradio-container-5-25-1 .katex .delimsizing.size1{font-family:KaTeX_Size1}.gradio-container-5-25-1 .katex .delimsizing.size2{font-family:KaTeX_Size2}.gradio-container-5-25-1 .katex .delimsizing.size3{font-family:KaTeX_Size3}.gradio-container-5-25-1 .katex .delimsizing.size4{font-family:KaTeX_Size4}.gradio-container-5-25-1 .katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.gradio-container-5-25-1 .katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.gradio-container-5-25-1 .katex .nulldelimiter{display:inline-block;width:.12em}.gradio-container-5-25-1 .katex .delimcenter,.gradio-container-5-25-1 .katex .op-symbol{position:relative}.gradio-container-5-25-1 .katex .op-symbol.small-op{font-family:KaTeX_Size1}.gradio-container-5-25-1 .katex .op-symbol.large-op{font-family:KaTeX_Size2}.gradio-container-5-25-1 .katex .accent>.vlist-t,.gradio-container-5-25-1 .katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.gradio-container-5-25-1 .katex .overlay{display:block}.gradio-container-5-25-1 .katex .mtable .vertical-separator{display:inline-block;min-width:1px}.gradio-container-5-25-1 .katex .mtable .arraycolsep{display:inline-block}.gradio-container-5-25-1 .katex .mtable .col-align-c>.vlist-t{text-align:center}.gradio-container-5-25-1 .katex .mtable .col-align-l>.vlist-t{text-align:left}.gradio-container-5-25-1 .katex .mtable .col-align-r>.vlist-t{text-align:right}.gradio-container-5-25-1 .katex .svg-align{text-align:left}.gradio-container-5-25-1 .katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.gradio-container-5-25-1 .katex svg path{stroke:none}.gradio-container-5-25-1 .katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.gradio-container-5-25-1 .katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.gradio-container-5-25-1 .katex .stretchy:after,.gradio-container-5-25-1 .katex .stretchy:before{content:""}.gradio-container-5-25-1 .katex .hide-tail{overflow:hidden;position:relative;width:100%}.gradio-container-5-25-1 .katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.gradio-container-5-25-1 .katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.gradio-container-5-25-1 .katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.gradio-container-5-25-1 .katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.gradio-container-5-25-1 .katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.gradio-container-5-25-1 .katex .x-arrow-pad{padding:0 .5em}.gradio-container-5-25-1 .katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.gradio-container-5-25-1 .katex .mover,.gradio-container-5-25-1 .katex .munder,.gradio-container-5-25-1 .katex .x-arrow{text-align:center}.gradio-container-5-25-1 .katex .boxpad{padding:0 .3em}.gradio-container-5-25-1 .katex .fbox,.gradio-container-5-25-1 .katex .fcolorbox{border:.04em solid;box-sizing:border-box}.gradio-container-5-25-1 .katex .cancel-pad{padding:0 .2em}.gradio-container-5-25-1 .katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.gradio-container-5-25-1 .katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.gradio-container-5-25-1 .katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.gradio-container-5-25-1 .katex .anglpad{padding:0 .03889em}.gradio-container-5-25-1 .katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.gradio-container-5-25-1 .katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.gradio-container-5-25-1 .katex .mtr-glue{width:50%}.gradio-container-5-25-1 .katex .cd-vert-arrow{display:inline-block;position:relative}.gradio-container-5-25-1 .katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.gradio-container-5-25-1 .katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.gradio-container-5-25-1 .katex-display{display:block;margin:1em 0;text-align:center}.gradio-container-5-25-1 .katex-display>.katex{display:block;text-align:center;white-space:nowrap}.gradio-container-5-25-1 .katex-display>.katex>.katex-html{display:block;position:relative}.gradio-container-5-25-1 .katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.gradio-container-5-25-1 .katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.gradio-container-5-25-1 .katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}
.gradio-container-5-25-1 Tables */ table,
.gradio-container-5-25-1 tr,
.gradio-container-5-25-1 td,
.gradio-container-5-25-1 th {
	margin-top: var(--spacing-sm);
	margin-bottom: var(--spacing-sm);
	padding: var(--spacing-xl);
}

/* .message-wrap :global(pre[class*="language-"]),
	.message-wrap :global(pre) {
		border: none;
		background: none;
		position: relative;
		direction: ltr;
		white-space: no-wrap;
		overflow-x: auto;
	}
	.message-wrap :global(code) {
	} */

/* .message-wrap :global(div[class*="code_wrap"]) {
		
	} */

.gradio-container-5-25-1 .md code,
.gradio-container-5-25-1 .md pre {
	background: none;
	font-family: var(--font-mono);
	font-size: var(--text-sm);

	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	tab-size: 2;

	hyphens: none;
}

.gradio-container-5-25-1 .md pre[class*="language-"]::-moz-selection,
.gradio-container-5-25-1 .md pre[class*="language-"] ::-moz-selection,
.gradio-container-5-25-1 .md code[class*="language-"]::-moz-selection,
.gradio-container-5-25-1 .md code[class*="language-"] ::-moz-selection {
}

.gradio-container-5-25-1 .md pre[class*="language-"]::selection,
.gradio-container-5-25-1 .md pre[class*="language-"] ::selection,
.gradio-container-5-25-1 .md code[class*="language-"]::selection,
.gradio-container-5-25-1 .md code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

/* Code blocks */
.gradio-container-5-25-1 .md pre {
	padding: 1em;
	margin: 0.5em 0;
	overflow: auto;
	position: relative;
	margin-top: var(--spacing-sm);
	margin-bottom: var(--spacing-sm);
	box-shadow: none;
	border: none;
	border-radius: var(--radius-md);
	background: var(--code-background-fill);
	padding: var(--spacing-xxl);
	font-family: var(--font-mono);
	/* font-size: var(--text-sm) !important; */
	display: block;
	white-space: pre;
	border-radius: var(--radius-sm);
	text-shadow: none;
	border-radius: var(--radius-sm);
	/* font-size: 85%; */
	white-space: nowrap;
	display: block;
	white-space: pre;
}

.gradio-container-5-25-1 .prose code {
}
.gradio-container-5-25-1 .prose pre > code {
}

/* Inline code */
.gradio-container-5-25-1 .md :not(pre) > code {
	padding: 0.1em;
	border-radius: var(--radius-xs);
	white-space: normal;
	background: var(--code-background-fill);
	border: 1px solid var(--panel-border-color);
	padding: var(--spacing-xxs) var(--spacing-xs);
}

.gradio-container-5-25-1 .md .token.comment,
.gradio-container-5-25-1 .md .token.prolog,
.gradio-container-5-25-1 .md .token.doctype,
.gradio-container-5-25-1 .md .token.cdata {
	color: slategray;
}

.gradio-container-5-25-1 .md .token.punctuation {
	color: #999;
}

.gradio-container-5-25-1 .md .token.namespace {
	opacity: 0.7;
}

.gradio-container-5-25-1 .md .token.property,
.gradio-container-5-25-1 .md .token.tag,
.gradio-container-5-25-1 .md .token.boolean,
.gradio-container-5-25-1 .md .token.number,
.gradio-container-5-25-1 .md .token.constant,
.gradio-container-5-25-1 .md .token.symbol,
.gradio-container-5-25-1 .md .token.deleted {
	color: #905;
}

.gradio-container-5-25-1 .md .token.selector,
.gradio-container-5-25-1 .md .token.attr-name,
.gradio-container-5-25-1 .md .token.string,
.gradio-container-5-25-1 .md .token.char,
.gradio-container-5-25-1 .md .token.builtin,
.gradio-container-5-25-1 .md .token.inserted {
	color: #690;
}

.gradio-container-5-25-1 .md .token.atrule,
.gradio-container-5-25-1 .md .token.attr-value,
.gradio-container-5-25-1 .md .token.keyword {
	color: #07a;
}

.gradio-container-5-25-1 .md .token.function,
.gradio-container-5-25-1 .md .token.class-name {
	color: #dd4a68;
}

.gradio-container-5-25-1 .md .token.regex,
.gradio-container-5-25-1 .md .token.important,
.gradio-container-5-25-1 .md .token.variable {
	color: #e90;
}

.gradio-container-5-25-1 .md .token.important,
.gradio-container-5-25-1 .md .token.bold {
	font-weight: bold;
}
.gradio-container-5-25-1 .md .token.italic {
	font-style: italic;
}

.gradio-container-5-25-1 .md .token.entity {
	cursor: help;
}

.dark .md .token.comment,
.dark .md .token.prolog,
.dark .md .token.cdata {
	color: hsl(220, 10%, 40%);
}

.dark .md .token.doctype,
.dark .md .token.punctuation,
.dark .md .token.entity {
	color: hsl(220, 14%, 71%);
}

.dark .md .token.attr-name,
.dark .md .token.class-name,
.dark .md .token.boolean,
.dark .md .token.constant,
.dark .md .token.number,
.dark .md .token.atrule {
	color: hsl(29, 54%, 61%);
}

.dark .md .token.keyword {
	color: hsl(286, 60%, 67%);
}

.dark .md .token.property,
.dark .md .token.tag,
.dark .md .token.symbol,
.dark .md .token.deleted,
.dark .md .token.important {
	color: hsl(355, 65%, 65%);
}

.dark .md .token.selector,
.dark .md .token.string,
.dark .md .token.char,
.dark .md .token.builtin,
.dark .md .token.inserted,
.dark .md .token.regex,
.dark .md .token.attr-value,
.dark .md .token.attr-value > .token.punctuation {
	color: hsl(95, 38%, 62%);
}

.dark .md .token.variable,
.dark .md .token.operator,
.dark .md .token.function {
	color: hsl(207, 82%, 66%);
}

.dark .md .token.url {
	color: hsl(187, 47%, 55%);
}
span.svelte-7ddecg div[class*="code_wrap"]{position:relative}span.svelte-7ddecg span.katex{font-size:var(--text-lg);direction:ltr}span.svelte-7ddecg div[class*="code_wrap"] > button{z-index:1;cursor:pointer;border-bottom-left-radius:var(--radius-sm);padding:var(--spacing-md);width:25px;height:25px;position:absolute;right:0}span.svelte-7ddecg .check{opacity:0;z-index:var(--layer-top);transition:opacity 0.2s;background:var(--code-background-fill);color:var(--body-text-color);position:absolute;top:var(--size-1-5);left:var(--size-1-5)}span.svelte-7ddecg p:not(:first-child){margin-top:var(--spacing-xxl)}span.svelte-7ddecg .md-header-anchor{margin-left:-25px;padding-right:8px;line-height:1;color:var(--body-text-color-subdued);opacity:0}span.svelte-7ddecg h1:hover .md-header-anchor,span.svelte-7ddecg h2:hover .md-header-anchor,span.svelte-7ddecg h3:hover .md-header-anchor,span.svelte-7ddecg h4:hover .md-header-anchor,span.svelte-7ddecg h5:hover .md-header-anchor,span.svelte-7ddecg h6:hover .md-header-anchor{opacity:1}span.md.svelte-7ddecg .md-header-anchor > svg{color:var(--body-text-color-subdued)}span.svelte-7ddecg table{word-break:break-word}div.svelte-j9uq24>.md.prose{font-weight:var(--block-info-text-weight);font-size:var(--block-info-text-size);line-height:var(--line-sm)}div.svelte-j9uq24>.md.prose *{color:var(--block-info-text-color)}div.svelte-j9uq24{margin-bottom:var(--spacing-md)}span.has-info.svelte-g2oxp3{margin-bottom:var(--spacing-xs)}span.svelte-g2oxp3:not(.has-info){margin-bottom:var(--spacing-lg)}span.svelte-g2oxp3{display:inline-block;position:relative;z-index:var(--layer-4);border:solid var(--block-title-border-width)
			var(--block-title-border-color);border-radius:var(--block-title-radius);background:var(--block-title-background-fill);padding:var(--block-title-padding);color:var(--block-title-text-color);font-weight:var(--block-title-text-weight);font-size:var(--block-title-text-size);line-height:var(--line-sm)}span[dir="rtl"].svelte-g2oxp3{display:block}.hide.svelte-g2oxp3{margin:0;height:0}label.svelte-1to105q.svelte-1to105q{display:inline-flex;align-items:center;z-index:var(--layer-2);box-shadow:var(--block-label-shadow);border:var(--block-label-border-width) solid
			var(--block-label-border-color);border-top:none;border-left:none;border-radius:var(--block-label-radius);background:var(--block-label-background-fill);padding:var(--block-label-padding);pointer-events:none;color:var(--block-label-text-color);font-weight:var(--block-label-text-weight);font-size:var(--block-label-text-size);line-height:var(--line-sm)}.gr-group label.svelte-1to105q.svelte-1to105q{border-top-left-radius:0}label.float.svelte-1to105q.svelte-1to105q{position:absolute;top:var(--block-label-margin);left:var(--block-label-margin)}label.svelte-1to105q.svelte-1to105q:not(.float){position:static;margin-top:var(--block-label-margin);margin-left:var(--block-label-margin)}.hide.svelte-1to105q.svelte-1to105q{height:0}span.svelte-1to105q.svelte-1to105q{opacity:0.8;margin-right:var(--size-2);width:calc(var(--block-label-text-size) - 1px);height:calc(var(--block-label-text-size) - 1px)}.hide-label.svelte-1to105q.svelte-1to105q{box-shadow:none;border-width:0;background:transparent;overflow:visible}label[dir="rtl"].svelte-1to105q.svelte-1to105q{border:var(--block-label-border-width) solid
			var(--block-label-border-color);border-top:none;border-right:none;border-bottom-left-radius:var(--block-radius);border-bottom-right-radius:var(--block-label-radius);border-top-left-radius:var(--block-label-radius)}label[dir="rtl"].svelte-1to105q span.svelte-1to105q{margin-left:var(--size-2);margin-right:0}button.svelte-vzs2gq{display:flex;justify-content:center;align-items:center;gap:1px;z-index:var(--layer-2);border-radius:var(--radius-xs);color:var(--block-label-text-color);border:1px solid transparent;padding:var(--spacing-xxs)}button.svelte-vzs2gq:hover{background-color:var(--background-fill-secondary)}button[disabled].svelte-vzs2gq{opacity:0.5;box-shadow:none}button[disabled].svelte-vzs2gq:hover{cursor:not-allowed}.padded.svelte-vzs2gq{background:var(--bg-color)}button.svelte-vzs2gq:hover,button.highlight.svelte-vzs2gq{cursor:pointer;color:var(--color-accent)}.padded.svelte-vzs2gq:hover{color:var(--block-label-text-color)}span.svelte-vzs2gq{padding:0px 1px;font-size:10px}div.svelte-vzs2gq{display:flex;align-items:center;justify-content:center;transition:filter 0.2s ease-in-out}.x-small.svelte-vzs2gq{width:10px;height:10px}.small.svelte-vzs2gq{width:14px;height:14px}.medium.svelte-vzs2gq{width:20px;height:20px}.large.svelte-vzs2gq{width:22px;height:22px}.pending.svelte-vzs2gq{animation:svelte-vzs2gq-flash 0.5s infinite}@keyframes svelte-vzs2gq-flash{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}.transparent.svelte-vzs2gq{background:transparent;border:none;box-shadow:none}.empty.svelte-1oiin9d{display:flex;justify-content:center;align-items:center;margin-top:calc(0px - var(--size-6));height:var(--size-full)}.icon.svelte-1oiin9d{opacity:0.5;height:var(--size-5);color:var(--body-text-color)}.small.svelte-1oiin9d{min-height:calc(var(--size-32) - 20px)}.large.svelte-1oiin9d{min-height:calc(var(--size-64) - 20px)}.unpadded_box.svelte-1oiin9d{margin-top:0}.small_parent.svelte-1oiin9d{min-height:100% !important}.dropdown-arrow.svelte-xjn76a{fill:currentColor}.dropdown-arrow.svelte-1m886t3{fill:currentColor}.circle.svelte-1m886t3{fill:currentColor;opacity:0.1}svg.svelte-184ngxt{animation:svelte-184ngxt-spin 1.5s linear infinite}@keyframes svelte-184ngxt-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}h2.svelte-12ioyct{font-size:var(--text-xl) !important}p.svelte-12ioyct,h2.svelte-12ioyct{white-space:pre-line}.wrap.svelte-12ioyct{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:var(--size-60);color:var(--block-label-text-color);line-height:var(--line-md);height:100%;padding-top:var(--size-3);text-align:center;margin:auto var(--spacing-lg)}.or.svelte-12ioyct{color:var(--body-text-color-subdued);display:flex}.icon-wrap.svelte-12ioyct{width:30px;margin-bottom:var(--spacing-lg)}@media(min-width: 768px){.wrap.svelte-12ioyct{font-size:var(--text-lg)}}.hovered.svelte-12ioyct{color:var(--color-accent)}div.svelte-1ua59x3{border-top:1px solid transparent;display:flex;max-height:100%;justify-content:center;align-items:center;gap:var(--spacing-sm);height:auto;align-items:flex-end;color:var(--block-label-text-color);flex-shrink:0}.show_border.svelte-1ua59x3{border-top:1px solid var(--block-border-color);margin-top:var(--spacing-xxl);box-shadow:var(--shadow-drop)}.source-selection.svelte-snayfm{display:flex;align-items:center;justify-content:center;border-top:1px solid var(--border-color-primary);width:100%;margin-left:auto;margin-right:auto;height:var(--size-10)}.icon.svelte-snayfm{width:22px;height:22px;margin:var(--spacing-lg) var(--spacing-xs);padding:var(--spacing-xs);color:var(--neutral-400);border-radius:var(--radius-md)}.selected.svelte-snayfm{color:var(--color-accent)}.icon.svelte-snayfm:hover,.icon.svelte-snayfm:focus{color:var(--color-accent)}.icon-button-wrapper.svelte-ud4hud{display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:var(--layer-2);gap:var(--spacing-sm);box-shadow:var(--shadow-drop);border:1px solid var(--border-color-primary);background:var(--block-background-fill);padding:var(--spacing-xxs)}.icon-button-wrapper.hide-top-corner.svelte-ud4hud{border-top:none;border-right:none;border-radius:var(--block-label-right-radius)}.icon-button-wrapper.display-top-corner.svelte-ud4hud{border-radius:var(--radius-sm) 0 0 var(--radius-sm);top:var(--spacing-sm);right:-1px}.icon-button-wrapper.svelte-ud4hud:not(.top-panel){border:1px solid var(--border-color-primary);border-radius:var(--radius-sm)}.top-panel.svelte-ud4hud{position:absolute;top:var(--block-label-margin);right:var(--block-label-margin);margin:0}.icon-button-wrapper.svelte-ud4hud button{margin:var(--spacing-xxs);border-radius:var(--radius-xs);position:relative}.icon-button-wrapper.svelte-ud4hud a.download-link:not(:last-child),.icon-button-wrapper.svelte-ud4hud button:not(:last-child){margin-right:var(--spacing-xxs)}.icon-button-wrapper.svelte-ud4hud a.download-link:not(:last-child):not(.no-border *)::after,.icon-button-wrapper.svelte-ud4hud button:not(:last-child):not(.no-border *)::after{content:"";position:absolute;right:-4.5px;top:15%;height:70%;width:1px;background-color:var(--border-color-primary)}.icon-button-wrapper.svelte-ud4hud > *{height:100%}.image-container.svelte-w225pd.svelte-w225pd{height:100%;position:relative;min-width:var(--size-20)}.image-container.svelte-w225pd button.svelte-w225pd{width:var(--size-full);height:var(--size-full);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.image-frame.svelte-w225pd img{width:var(--size-full);height:var(--size-full);object-fit:scale-down}.selectable.svelte-w225pd.svelte-w225pd{cursor:crosshair}.fullscreen-controls svg{position:relative;top:0px}.image-container:fullscreen{background-color:black;display:flex;justify-content:center;align-items:center}.image-container:fullscreen img{max-width:90vw;max-height:90vh;object-fit:scale-down}button.svelte-1ixn6qd,a.svelte-1ixn6qd{display:inline-flex;justify-content:center;align-items:center;transition:var(--button-transition);padding:var(--size-0-5) var(--size-2);text-align:center}button.svelte-1ixn6qd:hover{transform:var(--button-transform-hover)}button.svelte-1ixn6qd:active,a.svelte-1ixn6qd:active{transform:var(--button-transform-active)}button[disabled].svelte-1ixn6qd,a.disabled.svelte-1ixn6qd{opacity:0.5;filter:grayscale(30%);cursor:not-allowed;transform:none}.hidden.svelte-1ixn6qd{display:none}.primary.svelte-1ixn6qd{border:var(--button-border-width) solid var(--button-primary-border-color);background:var(--button-primary-background-fill);color:var(--button-primary-text-color);box-shadow:var(--button-primary-shadow)}.primary.svelte-1ixn6qd:hover,.primary[disabled].svelte-1ixn6qd{background:var(--button-primary-background-fill-hover);color:var(--button-primary-text-color-hover)}.primary.svelte-1ixn6qd:hover{border-color:var(--button-primary-border-color-hover);box-shadow:var(--button-primary-shadow-hover)}.primary.svelte-1ixn6qd:active{box-shadow:var(--button-primary-shadow-active)}.primary[disabled].svelte-1ixn6qd{border-color:var(--button-primary-border-color)}.secondary.svelte-1ixn6qd{border:var(--button-border-width) solid
			var(--button-secondary-border-color);background:var(--button-secondary-background-fill);color:var(--button-secondary-text-color);box-shadow:var(--button-secondary-shadow)}.secondary.svelte-1ixn6qd:hover,.secondary[disabled].svelte-1ixn6qd{background:var(--button-secondary-background-fill-hover);color:var(--button-secondary-text-color-hover)}.secondary.svelte-1ixn6qd:hover{border-color:var(--button-secondary-border-color-hover);box-shadow:var(--button-secondary-shadow-hover)}.secondary.svelte-1ixn6qd:active{box-shadow:var(--button-secondary-shadow-active)}.secondary[disabled].svelte-1ixn6qd{border-color:var(--button-secondary-border-color)}.stop.svelte-1ixn6qd{background:var(--button-cancel-background-fill);color:var(--button-cancel-text-color);border:var(--button-border-width) solid var(--button-cancel-border-color);box-shadow:var(--button-secondary-shadow)}.stop.svelte-1ixn6qd:hover,.stop[disabled].svelte-1ixn6qd{background:var(--button-cancel-background-fill-hover)}.stop.svelte-1ixn6qd:hover{border-color:var(--button-cancel-border-color-hover);box-shadow:var(--button-secondary-shadow-hover)}.stop.svelte-1ixn6qd:active{box-shadow:var(--button-secondary-shadow-active)}.stop[disabled].svelte-1ixn6qd{border-color:var(--button-cancel-border-color)}.sm.svelte-1ixn6qd{border-radius:var(--button-small-radius);padding:var(--button-small-padding);font-weight:var(--button-small-text-weight);font-size:var(--button-small-text-size)}.md.svelte-1ixn6qd{border-radius:var(--button-medium-radius);padding:var(--button-medium-padding);font-weight:var(--button-medium-text-weight);font-size:var(--button-medium-text-size)}.lg.svelte-1ixn6qd{border-radius:var(--button-large-radius);padding:var(--button-large-padding);font-weight:var(--button-large-text-weight);font-size:var(--button-large-text-size)}.button-icon{width:var(--text-xl);height:var(--text-xl)}.button-icon.right-padded{margin-right:var(--spacing-md)}.huggingface.svelte-1ixn6qd{background:rgb(20, 28, 46);color:white}.huggingface.svelte-1ixn6qd:hover{background:rgb(40, 48, 66);color:white}h2.svelte-1i1gjw2.svelte-1i1gjw2{display:flex;color:var(--body-text-color);font-weight:var(--weight-semibold);gap:var(--size-4)}h2.svelte-1i1gjw2 img.svelte-1i1gjw2{margin-right:var(--size-2);width:var(--size-4);display:inline-block}.url.svelte-1i1gjw2.svelte-1i1gjw2{color:var(--color-accent);font-weight:normal}button.svelte-1i1gjw2.svelte-1i1gjw2{position:absolute;top:var(--size-5);right:var(--size-6);width:var(--size-4);color:var(--body-text-color)}button.svelte-1i1gjw2.svelte-1i1gjw2:hover{color:var(--color-accent)}@media(min-width: 768px){button.svelte-1i1gjw2.svelte-1i1gjw2{top:var(--size-6)}h2.svelte-1i1gjw2 img.svelte-1i1gjw2{width:var(--size-5)}}.counts.svelte-1i1gjw2.svelte-1i1gjw2{margin-top:auto;margin-right:var(--size-8);margin-bottom:auto;margin-left:auto;color:var(--body-text-color);font-weight:var(--weight-light);display:flex;flex-direction:row;gap:0.5rem}.loading-dot.svelte-1i1gjw2.svelte-1i1gjw2{position:relative;left:-9999px;width:12px;height:12px;border-radius:6px;background-color:#fd7b00;color:#fd7b00;box-shadow:9999px 0 0 -1px;margin-right:0.3rem}.self-baseline.svelte-1i1gjw2.svelte-1i1gjw2{align-self:baseline}.title.svelte-1i1gjw2.svelte-1i1gjw2{display:flex;flex-direction:row;gap:0.5rem}.btn-text.svelte-1i1gjw2.svelte-1i1gjw2{font-size:var(--text-lg)}svg.svelte-zyxd38.svelte-zyxd38{width:var(--size-20);height:var(--size-20)}svg.svelte-zyxd38 path.svelte-zyxd38{fill:var(--loader-color)}div.svelte-zyxd38.svelte-zyxd38{z-index:var(--layer-2)}.margin.svelte-zyxd38.svelte-zyxd38{margin:var(--size-4)}.wrap.svelte-ls20lj.svelte-ls20lj{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:var(--layer-2);transition:opacity 0.1s ease-in-out;border-radius:var(--block-radius);background:var(--block-background-fill);padding:0 var(--size-6);max-height:var(--size-screen-h);overflow:hidden}.wrap.center.svelte-ls20lj.svelte-ls20lj{top:0;right:0px;left:0px}.wrap.default.svelte-ls20lj.svelte-ls20lj{top:0px;right:0px;bottom:0px;left:0px}.hide.svelte-ls20lj.svelte-ls20lj{opacity:0;pointer-events:none}.generating.svelte-ls20lj.svelte-ls20lj{animation:svelte-ls20lj-pulseStart 1s cubic-bezier(0.4, 0, 0.6, 1),
			svelte-ls20lj-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) 1s infinite;border:2px solid var(--color-accent);background:transparent;z-index:var(--layer-1);pointer-events:none}.translucent.svelte-ls20lj.svelte-ls20lj{background:none}@keyframes svelte-ls20lj-pulseStart{0%{opacity:0}100%{opacity:1}}@keyframes svelte-ls20lj-pulse{0%,100%{opacity:1}50%{opacity:0.5}}.loading.svelte-ls20lj.svelte-ls20lj{z-index:var(--layer-2);color:var(--body-text-color)}.eta-bar.svelte-ls20lj.svelte-ls20lj{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;opacity:0.8;z-index:var(--layer-1);transition:10ms;background:var(--background-fill-secondary)}.progress-bar-wrap.svelte-ls20lj.svelte-ls20lj{border:1px solid var(--border-color-primary);background:var(--background-fill-primary);width:55.5%;height:var(--size-4)}.progress-bar.svelte-ls20lj.svelte-ls20lj{transform-origin:left;background-color:var(--loader-color);width:var(--size-full);height:var(--size-full)}.progress-level.svelte-ls20lj.svelte-ls20lj{display:flex;flex-direction:column;align-items:center;gap:1;z-index:var(--layer-2);width:var(--size-full)}.progress-level-inner.svelte-ls20lj.svelte-ls20lj{margin:var(--size-2) auto;color:var(--body-text-color);font-size:var(--text-sm);font-family:var(--font-mono)}.meta-text.svelte-ls20lj.svelte-ls20lj{position:absolute;bottom:0;right:0;z-index:var(--layer-2);padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-family:var(--font-mono)}.meta-text-center.svelte-ls20lj.svelte-ls20lj{display:flex;position:absolute;top:0;right:0;justify-content:center;align-items:center;transform:translateY(var(--size-6));z-index:var(--layer-2);padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-family:var(--font-mono);text-align:center}.error.svelte-ls20lj.svelte-ls20lj{box-shadow:var(--shadow-drop);border:solid 1px var(--error-border-color);border-radius:var(--radius-full);background:var(--error-background-fill);padding-right:var(--size-4);padding-left:var(--size-4);color:var(--error-text-color);font-weight:var(--weight-semibold);font-size:var(--text-lg);line-height:var(--line-lg);font-family:var(--font)}.minimal.svelte-ls20lj.svelte-ls20lj{pointer-events:none}.minimal.svelte-ls20lj .progress-text.svelte-ls20lj{background:var(--block-background-fill)}.border.svelte-ls20lj.svelte-ls20lj{border:1px solid var(--border-color-primary)}.clear-status.svelte-ls20lj.svelte-ls20lj{position:absolute;display:flex;top:var(--size-2);right:var(--size-2);justify-content:flex-end;gap:var(--spacing-sm);z-index:var(--layer-1)}.toast-body.svelte-15qa81b{display:flex;position:relative;right:0;left:0;align-items:center;margin:var(--size-6) var(--size-4);margin:auto;border-radius:var(--container-radius);overflow:hidden;pointer-events:auto}.toast-body.error.svelte-15qa81b{border:1px solid var(--color-red-700);background:var(--color-red-50)}.dark .toast-body.error.svelte-15qa81b{border:1px solid var(--color-red-500);background-color:var(--color-grey-950)}.toast-body.warning.svelte-15qa81b{border:1px solid var(--color-yellow-700);background:var(--color-yellow-50)}.dark .toast-body.warning.svelte-15qa81b{border:1px solid var(--color-yellow-500);background-color:var(--color-grey-950)}.toast-body.info.svelte-15qa81b{border:1px solid var(--color-grey-700);background:var (--color-grey-50)}.dark .toast-body.info.svelte-15qa81b{border:1px solid var(--color-grey-500);background-color:var(--color-grey-950)}.toast-body.success.svelte-15qa81b{border:1px solid var(--color-green-700);background:var(--color-green-50)}.dark .toast-body.success.svelte-15qa81b{border:1px solid var(--color-green-500);background-color:var(--color-grey-950)}.toast-title.svelte-15qa81b{display:flex;align-items:center;font-weight:var(--weight-bold);font-size:var(--text-lg);line-height:var(--line-sm)}.toast-title.error.svelte-15qa81b{color:var(--color-red-700)}.dark .toast-title.error.svelte-15qa81b{color:var(--color-red-50)}.toast-title.warning.svelte-15qa81b{color:var(--color-yellow-700)}.dark .toast-title.warning.svelte-15qa81b{color:var(--color-yellow-50)}.toast-title.info.svelte-15qa81b{color:var(--color-grey-700)}.dark .toast-title.info.svelte-15qa81b{color:var(--color-grey-50)}.toast-title.success.svelte-15qa81b{color:var(--color-green-700)}.dark .toast-title.success.svelte-15qa81b{color:var(--color-green-50)}.toast-close.svelte-15qa81b{margin:0 var(--size-3);border-radius:var(--size-3);padding:0px var(--size-1-5);font-size:var(--size-5);line-height:var(--size-5)}.toast-close.error.svelte-15qa81b{color:var(--color-red-700)}.dark .toast-close.error.svelte-15qa81b{color:var(--color-red-500)}.toast-close.warning.svelte-15qa81b{color:var(--color-yellow-700)}.dark .toast-close.warning.svelte-15qa81b{color:var(--color-yellow-500)}.toast-close.info.svelte-15qa81b{color:var(--color-grey-700)}.dark .toast-close.info.svelte-15qa81b{color:var(--color-grey-500)}.toast-close.success.svelte-15qa81b{color:var(--color-green-700)}.dark .toast-close.success.svelte-15qa81b{color:var(--color-green-500)}.toast-text.svelte-15qa81b{font-size:var(--text-lg)}.toast-text.error.svelte-15qa81b{color:var(--color-red-700)}.dark .toast-text.error.svelte-15qa81b{color:var(--color-red-50)}.toast-text.warning.svelte-15qa81b{color:var(--color-yellow-700)}.dark .toast-text.warning.svelte-15qa81b{color:var(--color-yellow-50)}.toast-text.info.svelte-15qa81b{color:var(--color-grey-700)}.dark .toast-text.info.svelte-15qa81b{color:var(--color-grey-50)}.toast-text.success.svelte-15qa81b{color:var(--color-green-700)}.dark .toast-text.success.svelte-15qa81b{color:var(--color-green-50)}.toast-details.svelte-15qa81b{margin:var(--size-3) var(--size-3) var(--size-3) 0;width:100%}.toast-icon.svelte-15qa81b{display:flex;position:absolute;position:relative;flex-shrink:0;justify-content:center;align-items:center;margin:var(--size-2);border-radius:var(--radius-full);padding:var(--size-1);padding-left:calc(var(--size-1) - 1px);width:35px;height:35px}.toast-icon.error.svelte-15qa81b{color:var(--color-red-700)}.dark .toast-icon.error.svelte-15qa81b{color:var(--color-red-500)}.toast-icon.warning.svelte-15qa81b{color:var(--color-yellow-700)}.dark .toast-icon.warning.svelte-15qa81b{color:var(--color-yellow-500)}.toast-icon.info.svelte-15qa81b{color:var(--color-grey-700)}.dark .toast-icon.info.svelte-15qa81b{color:var(--color-grey-500)}.toast-icon.success.svelte-15qa81b{color:var(--color-green-700)}.dark .toast-icon.success.svelte-15qa81b{color:var(--color-green-500)}@keyframes svelte-15qa81b-countdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}.timer.svelte-15qa81b{position:absolute;bottom:0;left:0;transform-origin:0 0;animation:svelte-15qa81b-countdown 10s linear forwards;width:100%;height:var(--size-1)}.timer.error.svelte-15qa81b{background:var(--color-red-700)}.dark .timer.error.svelte-15qa81b{background:var(--color-red-500)}.timer.warning.svelte-15qa81b{background:var(--color-yellow-700)}.dark .timer.warning.svelte-15qa81b{background:var(--color-yellow-500)}.timer.info.svelte-15qa81b{background:var(--color-grey-700)}.dark .timer.info.svelte-15qa81b{background:var(--color-grey-500)}.timer.success.svelte-15qa81b{background:var(--color-green-700)}.dark .timer.success.svelte-15qa81b{background:var(--color-green-500)}.hidden.svelte-15qa81b{display:none}.toast-text.svelte-15qa81b a{text-decoration:underline}.toast-wrap.svelte-pu0yf1{display:flex;position:fixed;top:var(--size-4);right:var(--size-4);flex-direction:column;align-items:end;gap:var(--size-2);z-index:var(--layer-top);width:calc(100% - var(--size-8))}@media(min-width: 640px){.toast-wrap.svelte-pu0yf1{width:calc(var(--size-96) + var(--size-10))}}.streaming-bar.svelte-roz8lq{position:absolute;bottom:0;left:0;right:0;height:4px;background-color:var(--primary-600);animation:svelte-roz8lq-countdown linear forwards;z-index:1}@keyframes svelte-roz8lq-countdown{from{transform:translateX(0%)}to{transform:translateX(-100%)}}.hr.svelte-1yt946s{border:0;height:1px;background:var(--color-accent-soft);margin-bottom:12px}.code.svelte-1yt946s{font-family:var(--font-mono);display:inline}.highlight.svelte-1yt946s{background:var(--color-accent-soft);color:var(--color-accent);padding:var(--size-1)}.desc.svelte-1yt946s{color:var(--body-text-color-subdued);font-size:var(--text-lg);margin-top:var(--size-1)}h4.svelte-1yt946s{display:flex;align-items:center;margin-top:var(--size-6);margin-bottom:var(--size-3);color:var(--body-text-color);font-weight:var(--weight-bold)}.toggle-icon.svelte-1yt946s{display:flex;align-items:center;margin-right:var(--size-2);border-radius:var(--radius-full);background:var(--color-grey-300);width:12px;height:4px}.toggle-dot.svelte-1yt946s{border-radius:var(--radius-full);background:var(--color-grey-700);width:6px;height:6px;margin-right:auto}code.svelte-hq8ezf pre.svelte-hq8ezf{overflow-x:auto;color:var(--body-text-color);font-family:var(--font-mono);tab-size:2}code.svelte-hq8ezf.svelte-hq8ezf{position:relative;display:block}.copy.svelte-hq8ezf.svelte-hq8ezf{position:absolute;top:0;right:0;margin-top:-5px;margin-right:-5px}h3.svelte-41kcm6{color:var(--body-text-color);font-weight:var(--section-header-text-weight);font-size:var(--text-lg)}.post.svelte-41kcm6{margin-right:var(--size-2);border:1px solid var(--border-color-accent);border-radius:var(--radius-sm);background:var(--color-accent-soft);padding-right:var(--size-1);padding-bottom:var(--size-1);padding-left:var(--size-1);color:var(--color-accent);font-weight:var(--weight-semibold)}code.svelte-114qcyq pre.svelte-114qcyq{overflow-x:auto;color:var(--body-text-color);font-family:var(--font-mono);tab-size:2}.token.string.svelte-114qcyq.svelte-114qcyq{display:contents;color:var(--color-accent-base)}code.svelte-114qcyq.svelte-114qcyq{position:relative;display:block}.copy.svelte-114qcyq.svelte-114qcyq{position:absolute;top:0;right:0;margin-top:-5px;margin-right:-5px}.container.svelte-114qcyq.svelte-114qcyq{display:flex;flex-direction:column;gap:var(--spacing-xxl);margin-top:var(--size-3);margin-bottom:var(--size-3)}.desc.svelte-114qcyq.svelte-114qcyq{color:var(--body-text-color-subdued)}.api-name.svelte-114qcyq.svelte-114qcyq{color:var(--color-accent)}code.svelte-j71ub0 pre.svelte-j71ub0{overflow-x:auto;color:var(--body-text-color);font-family:var(--font-mono);tab-size:2}.token.string.svelte-j71ub0.svelte-j71ub0{display:contents;color:var(--color-accent-base)}code.svelte-j71ub0.svelte-j71ub0{position:relative;display:block}.copy.svelte-j71ub0.svelte-j71ub0{position:absolute;top:0;right:0;margin-top:-5px;margin-right:-5px}.container.svelte-j71ub0.svelte-j71ub0{display:flex;flex-direction:column;gap:var(--spacing-xxl);margin-top:var(--size-3);margin-bottom:var(--size-3)}.api-name.svelte-j71ub0.svelte-j71ub0{color:var(--color-accent)}.hr.svelte-16h224k{border:0;height:1px;background:var(--color-accent-soft)}.code.svelte-16h224k{font-family:var(--font-mono);margin-right:10px}.highlight.svelte-16h224k{background:var(--color-accent-soft);color:var(--color-accent);padding:var(--size-1)}.desc.svelte-16h224k{color:var(--body-text-color-subdued);font-size:var(--text-lg)}h4.svelte-16h224k{display:flex;align-items:center;margin-top:var(--size-6);margin-bottom:var(--size-3);color:var(--body-text-color);font-weight:var(--weight-bold)}.toggle-icon.svelte-16h224k{display:flex;align-items:center;margin-right:var(--size-2);border-radius:var(--radius-full);background:var(--color-grey-300);width:12px;height:4px}.toggle-dot.svelte-16h224k{border-radius:var(--radius-full);background:var(--color-grey-700);width:6px;height:6px;margin-left:auto}.banner-wrap.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6{position:relative;border-bottom:1px solid var(--border-color-primary);padding:var(--size-4) var(--size-6);font-size:var(--text-md)}@media(min-width: 768px){.banner-wrap.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6{font-size:var(--text-xl)}}.docs-wrap.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6{display:flex;flex-direction:column;gap:var(--spacing-xxl)}.endpoint.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6{border-radius:var(--radius-md);background:var(--background-fill-primary);padding:var(--size-6);padding-top:var(--size-1);font-size:var(--text-md)}.client-doc.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6{padding-top:var(--size-6);padding-right:var(--size-6);padding-left:var(--size-6);font-size:var(--text-md)}.snippets.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6{display:flex;align-items:center;margin-bottom:var(--size-4)}.snippets.svelte-1y3yua6>.svelte-1y3yua6+.svelte-1y3yua6{margin-left:var(--size-2)}.snippet.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6{display:flex;align-items:center;border:1px solid var(--border-color-primary);border-radius:var(--radius-md);padding:var(--size-1) var(--size-1-5);color:var(--body-text-color-subdued);color:var(--body-text-color);line-height:1;user-select:none;text-transform:capitalize}.current-lang.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6{border:1px solid var(--body-text-color-subdued);color:var(--body-text-color)}.inactive-lang.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6{cursor:pointer;color:var(--body-text-color-subdued)}.inactive-lang.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6:hover,.inactive-lang.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6:focus{box-shadow:var(--shadow-drop);color:var(--body-text-color)}.snippet.svelte-1y3yua6 img.svelte-1y3yua6.svelte-1y3yua6{margin-right:var(--size-1-5);width:var(--size-3)}.endpoint-container.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6{margin-top:var(--size-3);margin-bottom:var(--size-3);border:1px solid var(--block-border-color);border-radius:var(--radius-xl);padding:var(--size-3);padding-top:0}a.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6{text-decoration:underline}p.padded.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6{padding:15px 0px;font-size:var(--text-lg)}code.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6{font-size:var(--text-md)}.loading-dot.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#fd7b00;color:#fd7b00;box-shadow:9999px 0 0 -1px;margin-right:0.25rem}.docs-wrap .sm.secondary{padding-top:1px;padding-bottom:1px}.self-baseline.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6{align-self:baseline}.api-count.svelte-1y3yua6.svelte-1y3yua6.svelte-1y3yua6{font-weight:bold;color:#fd7b00;align-self:baseline;font-family:var(--font-mono);font-size:var(--text-md)}.api-name.svelte-sy28j6{font-size:var(--text-sm);font-family:var(--font-mono);color:#fd7b00}.loading-dot.svelte-sy28j6{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#fd7b00;color:#fd7b00;box-shadow:9999px 0 0 -1px;animation:svelte-sy28j6-loading-dot 2s infinite linear;animation-delay:0.25s;margin-left:0.25rem;margin-right:0.5rem}.docs-wrap .sm.secondary{padding-top:1px;padding-bottom:1px}.self-baseline.svelte-sy28j6{align-self:baseline}@keyframes svelte-sy28j6-loading-dot{0%{box-shadow:9999px 0 0 -1px}50%{box-shadow:9999px 0 0 2px}100%{box-shadow:9999px 0 0 -1px}}.api-count.svelte-sy28j6{font-weight:bold;color:#fd7b00;align-self:baseline;font-family:var(--font-mono);font-size:var(--text-sm)}.api-section.svelte-sy28j6{margin-left:4px}h2.svelte-1b2d8fn.svelte-1b2d8fn{display:flex;color:var(--body-text-color);font-weight:var(--weight-semibold);font-size:var(--text-xl);gap:var(--size-3)}h2.svelte-1b2d8fn img.svelte-1b2d8fn{width:var(--size-4);display:inline-block;margin-top:0.1rem}.url.svelte-1b2d8fn.svelte-1b2d8fn{color:var(--color-accent);font-weight:normal}button.svelte-1b2d8fn.svelte-1b2d8fn{position:absolute;top:var(--size-5);right:var(--size-6);width:var(--size-4);color:var(--body-text-color)}button.svelte-1b2d8fn.svelte-1b2d8fn:hover{color:var(--color-accent)}@media(min-width: 768px){button.svelte-1b2d8fn.svelte-1b2d8fn{top:var(--size-6)}h2.svelte-1b2d8fn img.svelte-1b2d8fn{width:var(--size-5)}}.title.svelte-1b2d8fn.svelte-1b2d8fn{display:flex;flex-direction:row;gap:0.5rem}.options.svelte-y6qw75{--window-padding:var(--size-8);position:fixed;z-index:var(--layer-top);margin-left:0;box-shadow:var(--shadow-drop-lg);border-radius:var(--container-radius);background:var(--background-fill-primary);min-width:fit-content;max-width:inherit;overflow:auto;color:var(--body-text-color);list-style:none}.item.svelte-y6qw75{display:flex;cursor:pointer;padding:var(--size-2);word-break:break-word}.item.svelte-y6qw75:hover,.active.svelte-y6qw75{background:var(--background-fill-secondary)}.inner-item.svelte-y6qw75{padding-right:var(--size-1)}.hide.svelte-y6qw75{visibility:hidden}.icon-wrap.svelte-1scun43.svelte-1scun43.svelte-1scun43{color:var(--body-text-color);margin-right:var(--size-2);width:var(--size-5)}label.svelte-1scun43.svelte-1scun43.svelte-1scun43:not(.container),label.svelte-1scun43:not(.container) .wrap.svelte-1scun43.svelte-1scun43,label.svelte-1scun43:not(.container) .wrap-inner.svelte-1scun43.svelte-1scun43,label.svelte-1scun43:not(.container) .secondary-wrap.svelte-1scun43.svelte-1scun43,label.svelte-1scun43:not(.container) .token.svelte-1scun43.svelte-1scun43,label.svelte-1scun43:not(.container) input.svelte-1scun43.svelte-1scun43{height:100%}.container.svelte-1scun43 .wrap.svelte-1scun43.svelte-1scun43{box-shadow:var(--input-shadow);border:var(--input-border-width) solid var(--border-color-primary)}.wrap.svelte-1scun43.svelte-1scun43.svelte-1scun43{position:relative;border-radius:var(--input-radius);background:var(--input-background-fill)}.wrap.svelte-1scun43.svelte-1scun43.svelte-1scun43:focus-within{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-color-focus)}.wrap-inner.svelte-1scun43.svelte-1scun43.svelte-1scun43{display:flex;position:relative;flex-wrap:wrap;align-items:center;gap:var(--checkbox-label-gap);padding:var(--checkbox-label-padding)}.token.svelte-1scun43.svelte-1scun43.svelte-1scun43{display:flex;align-items:center;transition:var(--button-transition);cursor:pointer;box-shadow:var(--checkbox-label-shadow);border:var(--checkbox-label-border-width) solid
			var(--checkbox-label-border-color);border-radius:var(--button-small-radius);background:var(--checkbox-label-background-fill);padding:var(--checkbox-label-padding);color:var(--checkbox-label-text-color);font-weight:var(--checkbox-label-text-weight);font-size:var(--checkbox-label-text-size);line-height:var(--line-md);word-break:break-word}.token.svelte-1scun43>.svelte-1scun43+.svelte-1scun43{margin-left:var(--size-2)}.token-remove.svelte-1scun43.svelte-1scun43.svelte-1scun43{fill:var(--body-text-color);display:flex;justify-content:center;align-items:center;cursor:pointer;border:var(--checkbox-border-width) solid var(--border-color-primary);border-radius:var(--radius-full);background:var(--background-fill-primary);padding:var(--size-0-5);width:16px;height:16px;flex-shrink:0}.secondary-wrap.svelte-1scun43.svelte-1scun43.svelte-1scun43{display:flex;flex:1 1 0%;align-items:center;border:none;min-width:min-content}input.svelte-1scun43.svelte-1scun43.svelte-1scun43{margin:var(--spacing-sm);outline:none;border:none;background:inherit;width:var(--size-full);color:var(--body-text-color);font-size:var(--input-text-size)}input.svelte-1scun43.svelte-1scun43.svelte-1scun43:disabled{-webkit-text-fill-color:var(--body-text-color);-webkit-opacity:1;opacity:1;cursor:not-allowed}.remove-all.svelte-1scun43.svelte-1scun43.svelte-1scun43{margin-left:var(--size-1);width:20px;height:20px}.subdued.svelte-1scun43.svelte-1scun43.svelte-1scun43{color:var(--body-text-color-subdued)}input[readonly].svelte-1scun43.svelte-1scun43.svelte-1scun43{cursor:pointer}.icon-wrap.svelte-1hfxrpf.svelte-1hfxrpf{position:absolute;top:50%;transform:translateY(-50%);right:var(--size-5);color:var(--body-text-color);width:var(--size-5);pointer-events:none}.container.svelte-1hfxrpf.svelte-1hfxrpf{height:100%}.container.svelte-1hfxrpf .wrap.svelte-1hfxrpf{box-shadow:var(--input-shadow);border:var(--input-border-width) solid var(--border-color-primary)}.wrap.svelte-1hfxrpf.svelte-1hfxrpf{position:relative;border-radius:var(--input-radius);background:var(--input-background-fill)}.wrap.svelte-1hfxrpf.svelte-1hfxrpf:focus-within{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-color-focus);background:var(--input-background-fill-focus)}.wrap-inner.svelte-1hfxrpf.svelte-1hfxrpf{display:flex;position:relative;flex-wrap:wrap;align-items:center;gap:var(--checkbox-label-gap);padding:var(--checkbox-label-padding);height:100%}.secondary-wrap.svelte-1hfxrpf.svelte-1hfxrpf{display:flex;flex:1 1 0%;align-items:center;border:none;min-width:min-content;height:100%}input.svelte-1hfxrpf.svelte-1hfxrpf{margin:var(--spacing-sm);outline:none;border:none;background:inherit;width:var(--size-full);color:var(--body-text-color);font-size:var(--input-text-size);height:100%}input.svelte-1hfxrpf.svelte-1hfxrpf:disabled{-webkit-text-fill-color:var(--body-text-color);-webkit-opacity:1;opacity:1;cursor:not-allowed}.subdued.svelte-1hfxrpf.svelte-1hfxrpf{color:var(--body-text-color-subdued)}input[readonly].svelte-1hfxrpf.svelte-1hfxrpf{cursor:pointer}.gallery.svelte-1ayixqk{padding:var(--size-1) var(--size-2)}.banner-wrap.svelte-npavty.svelte-npavty.svelte-npavty{position:relative;border-bottom:1px solid var(--border-color-primary);padding:var(--size-4) var(--size-6);font-size:var(--text-md)}.banner-wrap.svelte-npavty h2.svelte-npavty.svelte-npavty{font-size:var(--text-xl)}a.svelte-npavty.svelte-npavty.svelte-npavty{text-decoration:underline}p.padded.svelte-npavty.svelte-npavty.svelte-npavty{padding:15px 0px}.theme-buttons.svelte-npavty.svelte-npavty.svelte-npavty{display:flex;align-items:center}.theme-buttons.svelte-npavty>.svelte-npavty+.svelte-npavty{margin-left:var(--size-2)}.theme-button.svelte-npavty.svelte-npavty.svelte-npavty{display:flex;align-items:center;border:1px solid var(--border-color-primary);border-radius:var(--radius-md);padding:var(--size-2) var(--size-2-5);line-height:1;user-select:none;text-transform:capitalize;cursor:pointer}.current-theme.svelte-npavty.svelte-npavty.svelte-npavty{border:1px solid var(--body-text-color-subdued);color:var(--body-text-color)}.inactive-theme.svelte-npavty.svelte-npavty.svelte-npavty{color:var(--body-text-color-subdued)}.inactive-theme.svelte-npavty.svelte-npavty.svelte-npavty:hover,.inactive-theme.svelte-npavty.svelte-npavty.svelte-npavty:focus{box-shadow:var(--shadow-drop);color:var(--body-text-color)}.theme-button.svelte-npavty button.svelte-npavty.svelte-npavty{all:unset;cursor:pointer}.wrap.svelte-1byz9vf.svelte-1byz9vf{display:flex;flex-grow:1;flex-direction:column;width:var(--size-full);font-weight:var(--body-text-weight);font-size:var(--body-text-size)}.contain.svelte-1byz9vf.svelte-1byz9vf{display:flex;flex-direction:column}footer.svelte-1byz9vf.svelte-1byz9vf{display:flex;justify-content:center;margin-top:var(--size-4);color:var(--body-text-color-subdued)}.divider.svelte-1byz9vf.svelte-1byz9vf{margin-left:var(--size-1);margin-right:var(--size-2)}.show-api.svelte-1byz9vf.svelte-1byz9vf,.settings.svelte-1byz9vf.svelte-1byz9vf{display:flex;align-items:center}.show-api.svelte-1byz9vf.svelte-1byz9vf:hover{color:var(--body-text-color)}.show-api.svelte-1byz9vf img.svelte-1byz9vf{margin-right:var(--size-1);margin-left:var(--size-2);width:var(--size-3)}.settings.svelte-1byz9vf img.svelte-1byz9vf{margin-right:var(--size-1);margin-left:var(--size-1);width:var(--size-4)}.built-with.svelte-1byz9vf.svelte-1byz9vf{display:flex;align-items:center}.built-with.svelte-1byz9vf.svelte-1byz9vf:hover,.settings.svelte-1byz9vf.svelte-1byz9vf:hover{color:var(--body-text-color)}.built-with.svelte-1byz9vf img.svelte-1byz9vf{margin-right:var(--size-1);margin-left:var(--size-1);margin-bottom:1px;width:var(--size-4)}.api-docs.svelte-1byz9vf.svelte-1byz9vf{display:flex;position:fixed;top:0;right:0;z-index:var(--layer-top);background:rgba(0, 0, 0, 0.5);width:var(--size-screen);height:var(--size-screen-h)}.backdrop.svelte-1byz9vf.svelte-1byz9vf{flex:1 1 0%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.api-docs-wrap.svelte-1byz9vf.svelte-1byz9vf{box-shadow:var(--shadow-drop-lg);background:var(--background-fill-primary);overflow-x:hidden;overflow-y:auto}@media(min-width: 768px){.api-docs-wrap.svelte-1byz9vf.svelte-1byz9vf{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);width:950px}}@media(min-width: 1536px){.api-docs-wrap.svelte-1byz9vf.svelte-1byz9vf{width:1150px}}#api-recorder-container.svelte-1byz9vf.svelte-1byz9vf{position:fixed;left:10px;bottom:10px;z-index:1000}.show-api.svelte-1byz9vf.svelte-1byz9vf{display:flex;align-items:center}@media(max-width: 640px){.show-api.svelte-1byz9vf.svelte-1byz9vf,.show-api-divider.svelte-1byz9vf.svelte-1byz9vf{display:none}}.show-api.svelte-1byz9vf.svelte-1byz9vf:hover{color:var(--body-text-color)}div.svelte-633qhp{display:flex;flex-direction:inherit;flex-wrap:wrap;gap:var(--form-gap-width);box-shadow:var(--block-shadow);border:var(--block-border-width) solid var(--block-border-color);border-radius:var(--block-radius);background:var(--border-color-primary);overflow-y:hidden}div.svelte-633qhp .block{box-shadow:none !important;border-width:0px !important;border-radius:0px !important}.hidden.svelte-633qhp{display:none}label.svelte-173056l.svelte-173056l{display:block;width:100%}input.svelte-173056l.svelte-173056l,textarea.svelte-173056l.svelte-173056l{flex-grow:1;outline:none !important;margin-top:0px;margin-bottom:0px;resize:none;z-index:1;display:block;position:relative;outline:none !important;background:var(--input-background-fill);padding:var(--input-padding);width:100%;color:var(--body-text-color);font-weight:var(--input-text-weight);font-size:var(--input-text-size);line-height:var(--line-sm);border:none}textarea.no-label.svelte-173056l.svelte-173056l{padding-top:5px;padding-bottom:5px}label.show_textbox_border.svelte-173056l input.svelte-173056l,label.show_textbox_border.svelte-173056l textarea.svelte-173056l{box-shadow:var(--input-shadow)}label.svelte-173056l.svelte-173056l:not(.container),label.svelte-173056l:not(.container) input.svelte-173056l,label.svelte-173056l:not(.container) textarea.svelte-173056l{height:100%}label.container.show_textbox_border.svelte-173056l input.svelte-173056l,label.container.show_textbox_border.svelte-173056l textarea.svelte-173056l{border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-radius)}input.svelte-173056l.svelte-173056l:disabled,textarea.svelte-173056l.svelte-173056l:disabled{-webkit-opacity:1;opacity:1}label.container.show_textbox_border.svelte-173056l input.svelte-173056l:focus,label.container.show_textbox_border.svelte-173056l textarea.svelte-173056l:focus{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-color-focus);background:var(--input-background-fill-focus)}input.svelte-173056l.svelte-173056l::placeholder,textarea.svelte-173056l.svelte-173056l::placeholder{color:var(--input-placeholder-color)}.copy-button.svelte-173056l.svelte-173056l{display:flex;position:absolute;top:var(--block-label-margin);right:var(--block-label-margin);align-items:center;box-shadow:var(--shadow-drop);border:1px solid var(--border-color-primary);border-top:none;border-right:none;border-radius:var(--block-label-right-radius);background:var(--block-label-background-fill);padding:5px;width:22px;height:22px;overflow:hidden;color:var(--block-label-color);font:var(--font-sans);font-size:var(--button-small-text-size)}.input-container.svelte-173056l.svelte-173056l{display:flex;position:relative;align-items:flex-end}.submit-button.svelte-173056l.svelte-173056l,.stop-button.svelte-173056l.svelte-173056l{border:none;text-align:center;text-decoration:none;font-size:14px;cursor:pointer;border-radius:15px;min-width:30px;height:30px;flex-shrink:0;display:flex;justify-content:center;align-items:center;z-index:var(--layer-1)}.stop-button.svelte-173056l.svelte-173056l,.submit-button.svelte-173056l.svelte-173056l{background:var(--button-secondary-background-fill);color:var(--button-secondary-text-color)}.stop-button.svelte-173056l.svelte-173056l:hover,.submit-button.svelte-173056l.svelte-173056l:hover{background:var(--button-secondary-background-fill-hover)}.stop-button.svelte-173056l.svelte-173056l:disabled,.submit-button.svelte-173056l.svelte-173056l:disabled{background:var(--button-secondary-background-fill);cursor:pointer}.stop-button.svelte-173056l.svelte-173056l:active,.submit-button.svelte-173056l.svelte-173056l:active{box-shadow:var(--button-shadow-active)}.submit-button.svelte-173056l svg{height:22px;width:22px}.stop-button.svelte-173056l svg{height:16px;width:16px}.padded-button.svelte-173056l.svelte-173056l{padding:0 10px}.gallery.svelte-1oitfqa{padding:var(--size-1) var(--size-2)}div.svelte-1oitfqa{overflow:hidden;white-space:nowrap}div.svelte-vt1mxs{display:flex;position:relative;flex-direction:column}div.svelte-vt1mxs>*,div.svelte-vt1mxs>.form > *{width:var(--size-full)}.gap.svelte-vt1mxs{gap:var(--layout-gap)}.hide.svelte-vt1mxs{display:none}.compact.svelte-vt1mxs>*,.compact.svelte-vt1mxs .box{border-radius:0}.compact.svelte-vt1mxs,.panel.svelte-vt1mxs{border:solid var(--panel-border-width) var(--panel-border-color);border-radius:var(--container-radius);background:var(--panel-background-fill);padding:var(--spacing-lg)}.wrap.svelte-1ogxbi0{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:var(--size-3);background:var(--background-fill-primary);width:var(--size-full)}h2.svelte-1ogxbi0{margin-bottom:var(--size-3);color:var(--body-text-color);font-weight:var(--section-header-text-weight);font-size:var(--text-xl)}.auth.svelte-1ogxbi0{margin-top:var(--size-1);margin-bottom:var(--size-1);color:var(--body-text-color)}.creds.svelte-1ogxbi0{margin-top:var(--size-4);margin-bottom:var(--size-4);color:var(--error-text-color);font-weight:var(--weight-semibold)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.C0TCl1hH.css


span.svelte-1w6vloh{font-weight:var(--section-header-text-weight);font-size:var(--section-header-text-size)}.label-wrap.svelte-1w6vloh{display:flex;justify-content:space-between;cursor:pointer;width:var(--size-full);color:var(--accordion-text-color)}.label-wrap.open.svelte-1w6vloh{margin-bottom:var(--size-2)}.icon.svelte-1w6vloh{transition:150ms}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.CH2uJXwy.css


.base-image.svelte-303fln.svelte-303fln{display:block;width:100%;height:auto}.container.svelte-303fln.svelte-303fln{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;width:var(--size-full);height:var(--size-full)}.image-container.svelte-303fln.svelte-303fln{position:relative;top:0;left:0;flex-grow:1;width:100%;overflow:hidden}.fit-height.svelte-303fln.svelte-303fln{top:0;left:0;width:100%;height:100%;object-fit:contain}.mask.svelte-303fln.svelte-303fln{opacity:0.85;transition:all 0.2s ease-in-out;position:absolute}.image-container.svelte-303fln:hover .mask.svelte-303fln{opacity:0.3}.mask.active.svelte-303fln.svelte-303fln{opacity:1}.mask.inactive.svelte-303fln.svelte-303fln{opacity:0}.legend.svelte-303fln.svelte-303fln{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)}.legend-item.svelte-303fln.svelte-303fln{display:flex;flex-direction:row;align-items:center;cursor:pointer;border-radius:var(--radius-sm);padding:var(--spacing-sm)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/AudioPlayer.d1C6RIRD.css


.volume-slider.svelte-wuo8j5{-webkit-appearance:none;appearance:none;width:var(--size-20);accent-color:var(--color-accent);height:4px;cursor:pointer;outline:none;border-radius:15px;background-color:var(--neutral-400)}input[type="range"].svelte-wuo8j5::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:15px;width:15px;background-color:var(--color-accent);border-radius:50%;border:none;transition:0.2s ease-in-out}input[type="range"].svelte-wuo8j5::-moz-range-thumb{height:15px;width:15px;background-color:var(--color-accent);border-radius:50%;border:none;transition:0.2s ease-in-out}.settings-wrapper.svelte-ije4bl.svelte-ije4bl{display:flex;justify-self:self-end;align-items:center;grid-area:editing}.text-button.svelte-ije4bl.svelte-ije4bl{border:1px solid var(--neutral-400);border-radius:var(--radius-sm);font-weight:300;font-size:var(--size-3);text-align:center;color:var(--neutral-400);height:var(--size-5);font-weight:bold;padding:0 5px;margin-left:5px}.text-button.svelte-ije4bl.svelte-ije4bl:hover,.text-button.svelte-ije4bl.svelte-ije4bl:focus{color:var(--color-accent);border-color:var(--color-accent)}.controls.svelte-ije4bl.svelte-ije4bl{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"controls playback editing";margin-top:5px;align-items:center;position:relative;flex-wrap:wrap;justify-content:space-between}.controls.svelte-ije4bl div.svelte-ije4bl{margin:var(--size-1) 0}@media(max-width: 600px){.controls.svelte-ije4bl.svelte-ije4bl{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"playback playback"
				"controls editing"}}@media(max-width: 319px){.controls.svelte-ije4bl.svelte-ije4bl{overflow-x:scroll}}.hidden.svelte-ije4bl.svelte-ije4bl{display:none}.control-wrapper.svelte-ije4bl.svelte-ije4bl{display:flex;justify-self:self-start;align-items:center;justify-content:space-between;grid-area:controls}.action.svelte-ije4bl.svelte-ije4bl{width:var(--size-5);color:var(--neutral-400);margin-left:var(--spacing-md)}.icon.svelte-ije4bl.svelte-ije4bl:hover,.icon.svelte-ije4bl.svelte-ije4bl:focus{color:var(--color-accent)}.play-pause-wrapper.svelte-ije4bl.svelte-ije4bl{display:flex;justify-self:center;grid-area:playback}@media(max-width: 600px){.play-pause-wrapper.svelte-ije4bl.svelte-ije4bl{margin:var(--spacing-md)}}.playback.svelte-ije4bl.svelte-ije4bl{border:1px solid var(--neutral-400);border-radius:var(--radius-sm);width:5.5ch;font-weight:300;font-size:var(--size-3);text-align:center;color:var(--neutral-400);height:var(--size-5);font-weight:bold}.playback.svelte-ije4bl.svelte-ije4bl:hover,.playback.svelte-ije4bl.svelte-ije4bl:focus{color:var(--color-accent);border-color:var(--color-accent)}.rewind.svelte-ije4bl.svelte-ije4bl,.skip.svelte-ije4bl.svelte-ije4bl{margin:0 10px;color:var(--neutral-400)}.play-pause-button.svelte-ije4bl.svelte-ije4bl{width:var(--size-8);display:flex;align-items:center;justify-content:center;color:var(--neutral-400);fill:var(--neutral-400)}.volume.svelte-ije4bl.svelte-ije4bl{position:relative;display:flex;justify-content:center;margin-right:var(--spacing-xl);width:var(--size-5)}.component-wrapper.svelte-19usgod{padding:var(--size-3);width:100%}::part(wrapper){margin-bottom:var(--size-2)}.timestamps.svelte-19usgod{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--size-1) 0}#time.svelte-19usgod{color:var(--neutral-400)}#duration.svelte-19usgod{color:var(--neutral-400)}#trim-duration.svelte-19usgod{color:var(--color-accent);margin-right:var(--spacing-sm)}.waveform-container.svelte-19usgod{display:flex;align-items:center;justify-content:center;width:var(--size-full)}#waveform.svelte-19usgod{width:100%;height:100%;position:relative}.standard-player.svelte-19usgod{width:100%;padding:var(--size-2)}.hidden.svelte-19usgod{display:none}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Example.DiaQHWGN.css


.gallery.svelte-1ayixqk{padding:var(--size-1) var(--size-2)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/InteractiveAudio.ChPVru1b.css


.mic-select.svelte-1ya9x7a{height:var(--size-8);background:var(--block-background-fill);padding:0px var(--spacing-xxl);border-radius:var(--button-large-radius);font-size:var(--text-md);border:1px solid var(--block-border-color);gap:var(--size-1)}select.svelte-1ya9x7a{text-overflow:ellipsis;max-width:var(--size-40)}@media(max-width: 375px){select.svelte-1ya9x7a{width:100%}}.controls.svelte-1oiuk2f{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.wrapper.svelte-1oiuk2f{display:flex;align-items:center;flex-wrap:wrap}.record.svelte-1oiuk2f{margin-right:var(--spacing-md)}.stop-button-paused.svelte-1oiuk2f{display:none;height:var(--size-8);width:var(--size-20);background-color:var(--block-background-fill);border-radius:var(--button-large-radius);align-items:center;border:1px solid var(--block-border-color);margin:var(--size-1) var(--size-1) 0 0}.stop-button-paused.svelte-1oiuk2f::before{content:"";height:var(--size-4);width:var(--size-4);border-radius:var(--radius-full);background:var(--primary-600);margin:0 var(--spacing-xl)}.stop-button.svelte-1oiuk2f::before{content:"";height:var(--size-4);width:var(--size-4);border-radius:var(--radius-full);background:var(--primary-600);margin:0 var(--spacing-xl);animation:svelte-1oiuk2f-scaling 1800ms infinite}.stop-button.svelte-1oiuk2f{display:none;height:var(--size-8);width:var(--size-20);background-color:var(--block-background-fill);border-radius:var(--button-large-radius);align-items:center;border:1px solid var(--primary-600);margin:var(--size-1) var(--size-1) 0 0}.record-button.svelte-1oiuk2f::before{content:"";height:var(--size-4);width:var(--size-4);border-radius:var(--radius-full);background:var(--primary-600);margin:0 var(--spacing-xl)}.record-button.svelte-1oiuk2f{height:var(--size-8);width:var(--size-24);background-color:var(--block-background-fill);border-radius:var(--button-large-radius);display:flex;align-items:center;border:1px solid var(--block-border-color)}.duration-button.svelte-1oiuk2f{border-radius:var(--button-large-radius)}.stop-button.svelte-1oiuk2f:disabled{cursor:not-allowed}.record-button.svelte-1oiuk2f:disabled{cursor:not-allowed;opacity:0.5}@keyframes svelte-1oiuk2f-scaling{0%{background-color:var(--primary-600);scale:1}50%{background-color:var(--primary-600);scale:1.2}100%{background-color:var(--primary-600);scale:1}}.pause-button.svelte-1oiuk2f{display:none;height:var(--size-8);width:var(--size-20);border:1px solid var(--block-border-color);border-radius:var(--button-large-radius);padding:var(--spacing-md);margin:var(--size-1) var(--size-1) 0 0}.resume-button.svelte-1oiuk2f{display:none;height:var(--size-8);width:var(--size-20);border:1px solid var(--block-border-color);border-radius:var(--button-large-radius);padding:var(--spacing-xl);line-height:1px;font-size:var(--text-md);margin:var(--size-1) var(--size-1) 0 0}.duration.svelte-1oiuk2f{display:flex;height:var(--size-8);width:var(--size-20);border:1px solid var(--block-border-color);padding:var(--spacing-md);align-items:center;justify-content:center;margin:var(--size-1) var(--size-1) 0 0}::part(region){border-radius:var(--radius-md);height:98% !important;border:1px solid var(--trim-region-color);background-color:unset;border-width:1px 3px}::part(region)::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--trim-region-color);opacity:0.2;border-radius:var(--radius-md)}::part(region-handle){width:5px !important;border:none}.microphone.svelte-9n45fh{width:100%;display:none}.component-wrapper.svelte-9n45fh{padding:var(--size-3);width:100%}.timestamps.svelte-9n45fh{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--size-1) 0;margin:var(--spacing-md) 0}.time.svelte-9n45fh{color:var(--neutral-400)}.duration.svelte-9n45fh{color:var(--neutral-400)}.trim-duration.svelte-9n45fh{color:var(--color-accent);margin-right:var(--spacing-sm)}.controls.svelte-1fz19cj{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.mic-wrap.svelte-1fz19cj{display:block;align-items:center;margin:var(--spacing-xl)}.icon.svelte-1fz19cj{width:var(--size-4);height:var(--size-4);fill:var(--primary-600);stroke:var(--primary-600)}.stop-button-paused.svelte-1fz19cj{display:none;height:var(--size-8);width:var(--size-20);background-color:var(--block-background-fill);border-radius:var(--button-large-radius);align-items:center;border:1px solid var(--block-border-color);margin-right:5px}.stop-button-paused.svelte-1fz19cj::before{content:"";height:var(--size-4);width:var(--size-4);border-radius:var(--radius-full);background:var(--primary-600);margin:0 var(--spacing-xl)}.stop-button.svelte-1fz19cj::before{content:"";height:var(--size-4);width:var(--size-4);border-radius:var(--radius-full);background:var(--primary-600);margin:0 var(--spacing-xl);animation:svelte-1fz19cj-scaling 1800ms infinite}.stop-button.svelte-1fz19cj{height:var(--size-8);width:var(--size-20);background-color:var(--block-background-fill);border-radius:var(--button-large-radius);align-items:center;border:1px solid var(--primary-600);margin-right:5px;display:flex}.spinner-button.svelte-1fz19cj{height:var(--size-8);width:var(--size-24);background-color:var(--block-background-fill);border-radius:var(--radius-3xl);align-items:center;border:1px solid var(--primary-600);margin:0 var(--spacing-xl);display:flex;justify-content:space-evenly}.record-button.svelte-1fz19cj::before{content:"";height:var(--size-4);width:var(--size-4);border-radius:var(--radius-full);background:var(--primary-600);margin:0 var(--spacing-xl)}.record-button.svelte-1fz19cj{height:var(--size-8);width:var(--size-24);background-color:var(--block-background-fill);border-radius:var(--button-large-radius);display:flex;align-items:center;border:1px solid var(--block-border-color)}@keyframes svelte-1fz19cj-scaling{0%{background-color:var(--primary-600);scale:1}50%{background-color:var(--primary-600);scale:1.2}100%{background-color:var(--primary-600);scale:1}}.audio-container.svelte-1ud6e7m{height:calc(var(--size-full) - var(--size-6));display:flex;flex-direction:column;justify-content:space-between}.audio-container.compact-audio.svelte-1ud6e7m{margin-top:calc(var(--size-8) * -1);height:auto;padding:0px;gap:var(--size-2);min-height:var(--size-5)}.compact-audio.svelte-1ud6e7m .audio-player{padding:0px}.compact-audio.svelte-1ud6e7m .controls{gap:0px;padding:0px}.compact-audio.svelte-1ud6e7m .waveform-container{height:var(--size-12) !important}.compact-audio.svelte-1ud6e7m .player-container{min-height:unset;height:auto}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Upload.D4hCLgfB.css


.wrap.svelte-1vsfomn.svelte-1vsfomn{overflow-y:auto;transition:opacity 0.5s ease-in-out;background:var(--block-background-fill);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--size-40);width:var(--size-full)}.wrap.svelte-1vsfomn.svelte-1vsfomn::after{content:"";position:absolute;top:0;left:0;width:var(--upload-progress-width);height:100%;transition:all 0.5s ease-in-out;z-index:1}.uploading.svelte-1vsfomn.svelte-1vsfomn{font-size:var(--text-lg);font-family:var(--font);z-index:2}.file-name.svelte-1vsfomn.svelte-1vsfomn{margin:var(--spacing-md);font-size:var(--text-lg);color:var(--body-text-color-subdued)}.file.svelte-1vsfomn.svelte-1vsfomn{font-size:var(--text-md);z-index:2;display:flex;align-items:center}.file.svelte-1vsfomn progress.svelte-1vsfomn{display:inline;height:var(--size-1);width:100%;transition:all 0.5s ease-in-out;color:var(--color-accent);border:none}.file.svelte-1vsfomn progress[value].svelte-1vsfomn::-webkit-progress-value{background-color:var(--color-accent);border-radius:20px}.file.svelte-1vsfomn progress[value].svelte-1vsfomn::-webkit-progress-bar{background-color:var(--border-color-accent);border-radius:20px}.progress-bar.svelte-1vsfomn.svelte-1vsfomn{width:14px;height:14px;border-radius:50%;background:radial-gradient(
				closest-side,
				var(--block-background-fill) 64%,
				transparent 53% 100%
			),
			conic-gradient(
				var(--color-accent) var(--upload-progress-width),
				var(--border-color-accent) 0
			);transition:all 0.5s ease-in-out}button.svelte-edrmkl{cursor:pointer;width:var(--size-full)}.center.svelte-edrmkl{display:flex;justify-content:center}.flex.svelte-edrmkl{display:flex;flex-direction:column;justify-content:center;align-items:center}.hidden.svelte-edrmkl{display:none;position:absolute;flex-grow:0}.hidden.svelte-edrmkl svg{display:none}.disable_click.svelte-edrmkl{cursor:default}.icon-mode.svelte-edrmkl{position:absolute !important;width:var(--size-4);height:var(--size-4);padding:0;min-height:0;border-radius:var(--radius-circle)}.icon-mode.svelte-edrmkl svg{width:var(--size-4);height:var(--size-4)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.BynaXTeX.css


.extra-feedback.svelte-14rmxes.svelte-14rmxes{display:flex;align-items:center;position:relative}.extra-feedback-options.svelte-14rmxes.svelte-14rmxes{display:none;position:absolute;padding:var(--spacing-md) 0;flex-direction:column;gap:var(--spacing-sm);top:100%}.extra-feedback.svelte-14rmxes:hover .extra-feedback-options.svelte-14rmxes{display:flex}.extra-feedback-option.svelte-14rmxes.svelte-14rmxes{border:1px solid var(--border-color-primary);border-radius:var(--radius-sm);color:var(--block-label-text-color);background-color:var(--block-background-fill);font-size:var(--text-xs);padding:var(--spacing-xxs) var(--spacing-sm);width:max-content}.bubble.svelte-j7nkv7 .icon-button-wrapper{margin:0px calc(var(--spacing-xl) * 2)}.message-buttons.svelte-j7nkv7{z-index:var(--layer-1)}.message-buttons-left.svelte-j7nkv7{align-self:flex-start}.bubble.message-buttons-right.svelte-j7nkv7{align-self:flex-end}.message-buttons-right.svelte-j7nkv7 .icon-button-wrapper{margin-left:auto}.bubble.with-avatar.svelte-j7nkv7{margin-left:calc(var(--spacing-xl) * 5);margin-right:calc(var(--spacing-xl) * 5)}.panel.svelte-j7nkv7{display:flex;align-self:flex-start;z-index:var(--layer-1)}.file-container.svelte-ulpe0d{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-lg);width:fit-content;margin:var(--spacing-sm) 0}.file-icon.svelte-ulpe0d{display:flex;align-items:center;justify-content:center;color:var(--body-text-color)}.file-icon.svelte-ulpe0d svg{width:var(--size-7);height:var(--size-7)}.file-info.svelte-ulpe0d{display:flex;flex-direction:column}.file-link.svelte-ulpe0d{text-decoration:none;color:var(--body-text-color);display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-name.svelte-ulpe0d{font-family:var(--font);font-size:var(--text-md);font-weight:500}.file-type.svelte-ulpe0d{font-family:var(--font);font-size:var(--text-sm);color:var(--body-text-color-subdued);text-transform:uppercase}.thought-group.svelte-1qn6r4f{background:var(--background-fill-primary);border:1px solid var(--border-color-primary);border-radius:var(--radius-sm);padding:var(--spacing-md);margin:var(--spacing-md) 0;font-size:var(--text-sm)}.children.svelte-1qn6r4f .thought-group{border:none;margin:0;padding-bottom:0}.children.svelte-1qn6r4f{padding-left:var(--spacing-md)}.title.svelte-1qn6r4f{display:flex;align-items:center;color:var(--body-text-color);cursor:pointer;width:100%}.title.svelte-1qn6r4f .md{font-size:var(--text-sm) !important}.content.svelte-1qn6r4f,.content-preview.svelte-1qn6r4f{overflow-wrap:break-word;word-break:break-word;margin-left:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.content-preview.svelte-1qn6r4f{position:relative;max-height:calc(5 * 1.5em);overflow-y:auto;overscroll-behavior:contain;cursor:default}.content.svelte-1qn6r4f *,.content-preview.svelte-1qn6r4f *{font-size:var(--text-sm);color:var(--body-text-color)}.thought-group.svelte-1qn6r4f .thought:not(.nested){border:none;background:none}.duration.svelte-1qn6r4f{color:var(--body-text-color-subdued);font-size:var(--text-sm);margin-left:var(--size-1)}.arrow.svelte-1qn6r4f{opacity:0.8;width:var(--size-8);height:var(--size-8);display:flex;align-items:center;justify-content:center}.arrow.svelte-1qn6r4f button{background-color:transparent}.loading-spinner.svelte-1qn6r4f{display:inline-block;width:12px;height:12px;border:2px solid var(--body-text-color);border-radius:50%;border-top-color:transparent;animation:svelte-1qn6r4f-spin 1s linear infinite;margin:0 var(--size-1) -1px var(--size-2);opacity:0.8}@keyframes svelte-1qn6r4f-spin{to{transform:rotate(360deg)}}.thought-group.svelte-1qn6r4f .message-content{opacity:0.8}.message.svelte-yaaj3.svelte-yaaj3{position:relative;width:100%;margin-top:var(--spacing-sm)}.message.display_consecutive_in_same_bubble.svelte-yaaj3.svelte-yaaj3{margin-top:0}.avatar-container.svelte-yaaj3.svelte-yaaj3{flex-shrink:0;border-radius:50%;border:1px solid var(--border-color-primary);overflow:hidden}.avatar-container.svelte-yaaj3 img{object-fit:cover}.flex-wrap.svelte-yaaj3.svelte-yaaj3{display:flex;flex-direction:column;width:calc(100% - var(--spacing-xxl));max-width:100%;color:var(--body-text-color);font-size:var(--chatbot-text-size);overflow-wrap:break-word;width:100%;height:100%}.component.svelte-yaaj3.svelte-yaaj3{padding:0;border-radius:var(--radius-md);width:fit-content;overflow:hidden}.component.gallery.svelte-yaaj3.svelte-yaaj3{border:none}.message-row.svelte-yaaj3 .svelte-yaaj3:not(.avatar-container) img{margin:var(--size-2);max-height:300px}.file-pil.svelte-yaaj3.svelte-yaaj3{display:block;width:fit-content;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);background:var(--background-fill-secondary);color:var(--body-text-color);text-decoration:none;margin:0;font-family:var(--font-mono);font-size:var(--text-sm)}.file.svelte-yaaj3.svelte-yaaj3{width:auto !important;max-width:fit-content !important}@media(max-width: 600px) or (max-width: 480px){.component.svelte-yaaj3.svelte-yaaj3{width:100%}}.message.svelte-yaaj3 .prose{font-size:var(--chatbot-text-size)}.message-bubble-border.svelte-yaaj3.svelte-yaaj3{border-width:1px;border-radius:var(--radius-md)}.panel-full-width.svelte-yaaj3.svelte-yaaj3{width:100%}.message-markdown-disabled.svelte-yaaj3.svelte-yaaj3{white-space:pre-line}.user.svelte-yaaj3.svelte-yaaj3{border-radius:var(--radius-md);align-self:flex-end;border-bottom-right-radius:0;box-shadow:var(--shadow-drop);border:1px solid var(--border-color-accent-subdued);background-color:var(--color-accent-soft);padding:var(--spacing-sm) var(--spacing-xl)}.bot.svelte-yaaj3.svelte-yaaj3{border:1px solid var(--border-color-primary);border-radius:var(--radius-md);border-color:var(--border-color-primary);background-color:var(--background-fill-secondary);box-shadow:var(--shadow-drop);align-self:flex-start;text-align:right;border-bottom-left-radius:0;padding:var(--spacing-sm) var(--spacing-xl)}.bot.svelte-yaaj3.svelte-yaaj3:has(.table-wrap){border:none;box-shadow:none;background:none}.panel.svelte-yaaj3 .user.svelte-yaaj3 *{text-align:right}.message-row.svelte-yaaj3.svelte-yaaj3{display:flex;position:relative}.bubble.svelte-yaaj3.svelte-yaaj3{margin:calc(var(--spacing-xl) * 2);margin-bottom:var(--spacing-xl)}.bubble.user-row.svelte-yaaj3.svelte-yaaj3{align-self:flex-end;max-width:calc(100% - var(--spacing-xl) * 6)}.bubble.bot-row.svelte-yaaj3.svelte-yaaj3{align-self:flex-start;max-width:calc(100% - var(--spacing-xl) * 6)}.bubble.svelte-yaaj3 .user-row.svelte-yaaj3{flex-direction:row;justify-content:flex-end}.bubble.svelte-yaaj3 .with_avatar.user-row.svelte-yaaj3{margin-right:calc(var(--spacing-xl) * 2) !important}.bubble.svelte-yaaj3 .with_avatar.bot-row.svelte-yaaj3{margin-left:calc(var(--spacing-xl) * 2) !important}.bubble.svelte-yaaj3 .with_opposite_avatar.user-row.svelte-yaaj3{margin-left:calc(var(--spacing-xxl) + 35px + var(--spacing-xxl))}.panel.svelte-yaaj3.svelte-yaaj3{margin:0;padding:calc(var(--spacing-lg) * 2) calc(var(--spacing-lg) * 2)}.panel.bot-row.svelte-yaaj3.svelte-yaaj3{background:var(--background-fill-secondary)}.panel.svelte-yaaj3 .with_avatar.svelte-yaaj3{padding-left:calc(var(--spacing-xl) * 2) !important;padding-right:calc(var(--spacing-xl) * 2) !important}.panel.svelte-yaaj3 .panel-full-width.svelte-yaaj3{width:100%}.panel.svelte-yaaj3 .user.svelte-yaaj3 *{text-align:right}.flex-wrap.svelte-yaaj3.svelte-yaaj3{display:flex;flex-direction:column;max-width:100%;color:var(--body-text-color);font-size:var(--chatbot-text-size);overflow-wrap:break-word}@media(max-width: 480px){.user-row.bubble.svelte-yaaj3.svelte-yaaj3{align-self:flex-end}.bot-row.bubble.svelte-yaaj3.svelte-yaaj3{align-self:flex-start}.message.svelte-yaaj3.svelte-yaaj3{width:100%}}.avatar-container.svelte-yaaj3.svelte-yaaj3{align-self:flex-start;position:relative;display:flex;justify-content:flex-start;align-items:flex-start;width:35px;height:35px;flex-shrink:0;bottom:0;border-radius:50%;border:1px solid var(--border-color-primary)}.user-row.svelte-yaaj3>.avatar-container.svelte-yaaj3{order:2}.user-row.bubble.svelte-yaaj3>.avatar-container.svelte-yaaj3{margin-left:var(--spacing-xxl)}.bot-row.bubble.svelte-yaaj3>.avatar-container.svelte-yaaj3{margin-left:var(--spacing-xxl)}.panel.user-row.svelte-yaaj3>.avatar-container.svelte-yaaj3{order:0}.bot-row.bubble.svelte-yaaj3>.avatar-container.svelte-yaaj3{margin-right:var(--spacing-xxl);margin-left:0}.avatar-container.svelte-yaaj3:not(.thumbnail-item) img{width:100%;height:100%;object-fit:cover;border-radius:50%;padding:var(--size-1-5)}.selectable.svelte-yaaj3.svelte-yaaj3{cursor:pointer}@keyframes svelte-yaaj3-dot-flashing{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}.message.svelte-yaaj3 .preview{object-fit:contain;width:95%;max-height:93%}.image-preview.svelte-yaaj3.svelte-yaaj3{position:absolute;z-index:999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0, 0, 0, 0.9);display:flex;justify-content:center;align-items:center}.image-preview.svelte-yaaj3 svg{stroke:white}.image-preview-close-button.svelte-yaaj3.svelte-yaaj3{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5em;cursor:pointer;height:30px;width:30px;padding:3px;background:var(--bg-color);box-shadow:var(--shadow-drop);border:1px solid var(--button-secondary-border-color);border-radius:var(--radius-lg)}.message.svelte-yaaj3>div.svelte-yaaj3{width:100%}.html.svelte-yaaj3.svelte-yaaj3{padding:0;border:none;background:none}.panel.svelte-yaaj3 .bot.svelte-yaaj3,.panel.svelte-yaaj3 .user.svelte-yaaj3{border:none;box-shadow:none;background-color:var(--background-fill-secondary)}textarea.svelte-yaaj3.svelte-yaaj3{background:none;border-radius:var(--radius-lg);border:none;display:block;max-width:100%}.user.svelte-yaaj3 textarea.svelte-yaaj3{border-bottom-right-radius:0}.bot.svelte-yaaj3 textarea.svelte-yaaj3{border-bottom-left-radius:0}.user.svelte-yaaj3 textarea.svelte-yaaj3:focus{outline:2px solid var(--border-color-accent)}.bot.svelte-yaaj3 textarea.svelte-yaaj3:focus{outline:2px solid var(--border-color-primary)}.panel.user-row.svelte-yaaj3.svelte-yaaj3{background-color:var(--color-accent-soft)}.panel.svelte-yaaj3 .user-row.svelte-yaaj3,.panel.svelte-yaaj3 .bot-row.svelte-yaaj3{align-self:flex-start}.panel.svelte-yaaj3 .user.svelte-yaaj3 *,.panel.svelte-yaaj3 .bot.svelte-yaaj3 *{text-align:left}.panel.svelte-yaaj3 .user.svelte-yaaj3{background-color:var(--color-accent-soft)}.panel.svelte-yaaj3 .user-row.svelte-yaaj3{background-color:var(--color-accent-soft);align-self:flex-start}.panel.svelte-yaaj3 .message.svelte-yaaj3{margin-bottom:var(--spacing-md)}.container.svelte-134ihlx{display:flex;margin:calc(var(--spacing-xl) * 2)}.bubble.pending.svelte-134ihlx{border-width:1px;border-radius:var(--radius-lg);border-bottom-left-radius:0;border-color:var(--border-color-primary);background-color:var(--background-fill-secondary);box-shadow:var(--shadow-drop);align-self:flex-start;width:fit-content;margin-bottom:var(--spacing-xl)}.bubble.with_opposite_avatar.svelte-134ihlx{margin-right:calc(var(--spacing-xxl) + 35px + var(--spacing-xxl))}.panel.pending.svelte-134ihlx{margin:0;padding:calc(var(--spacing-lg) * 2) calc(var(--spacing-lg) * 2);width:100%;border:none;background:none;box-shadow:none;border-radius:0}.panel.with_avatar.svelte-134ihlx{padding-left:calc(var(--spacing-xl) * 2) !important;padding-right:calc(var(--spacing-xl) * 2) !important}.avatar-container.svelte-134ihlx{align-self:flex-start;position:relative;display:flex;justify-content:flex-start;align-items:flex-start;width:35px;height:35px;flex-shrink:0;bottom:0;border-radius:50%;border:1px solid var(--border-color-primary);margin-right:var(--spacing-xxl)}.avatar-container.svelte-134ihlx:not(.thumbnail-item) img{width:100%;height:100%;object-fit:cover;border-radius:50%;padding:var(--size-1-5)}.message-content.svelte-134ihlx{padding:var(--spacing-sm) var(--spacing-xl);min-height:var(--size-8);display:flex;align-items:center}.dots.svelte-134ihlx{display:flex;gap:var(--spacing-xs);align-items:center}.dot.svelte-134ihlx{width:var(--size-1-5);height:var(--size-1-5);margin-right:var(--spacing-xs);border-radius:50%;background-color:var(--body-text-color);opacity:0.5;animation:svelte-134ihlx-pulse 1.5s infinite}.dot.svelte-134ihlx:nth-child(2){animation-delay:0.2s}.dot.svelte-134ihlx:nth-child(3){animation-delay:0.4s}@keyframes svelte-134ihlx-pulse{0%,100%{opacity:0.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.placeholder-content.svelte-9pi8y1{display:flex;flex-direction:column;height:100%}.placeholder.svelte-9pi8y1{align-items:center;display:flex;justify-content:center;height:100%;flex-grow:1}.examples.svelte-9pi8y1 img{pointer-events:none}.examples.svelte-9pi8y1{margin:auto;padding:var(--spacing-xxl);display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:var(--spacing-xl);max-width:calc(min(4 * 240px + 5 * var(--spacing-xxl), 100%))}.example.svelte-9pi8y1{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-xxl);border:none;border-radius:var(--radius-lg);background-color:var(--block-background-fill);cursor:pointer;transition:all 150ms ease-in-out;width:100%;gap:var(--spacing-sm);border:var(--block-border-width) solid var(--block-border-color);transform:translateY(0px)}.example.svelte-9pi8y1:hover{transform:translateY(-2px);background-color:var(--color-accent-soft)}.example-content.svelte-9pi8y1{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%}.example-text-content.svelte-9pi8y1{margin-top:auto;text-align:left}.example-text.svelte-9pi8y1{font-size:var(--text-md);text-align:left;overflow:hidden;text-overflow:ellipsis}.example-icons-grid.svelte-9pi8y1{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);width:100%}.example-icon.svelte-9pi8y1{flex-shrink:0;width:var(--size-8);height:var(--size-8);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);border:var(--block-border-width) solid var(--block-border-color);background-color:var(--block-background-fill);position:relative}.example-icon.svelte-9pi8y1 svg{width:var(--size-4);height:var(--size-4);color:var(--color-text-secondary)}.text-icon-aa.svelte-9pi8y1{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);line-height:1}.example-image-container.svelte-9pi8y1{width:var(--size-8);height:var(--size-8);border-radius:var(--radius-lg);overflow:hidden;position:relative;margin-bottom:var(--spacing-lg)}.example-image-container.svelte-9pi8y1 img{width:100%;height:100%;object-fit:cover}.image-overlay.svelte-9pi8y1{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.6);color:white;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--weight-semibold);border-radius:var(--radius-lg)}.file-overlay.svelte-9pi8y1{position:absolute;inset:0;background:rgba(0, 0, 0, 0.6);color:white;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-lg)}.panel-wrap.svelte-gjtrl6.svelte-gjtrl6{width:100%;overflow-y:auto}.bubble-wrap.svelte-gjtrl6.svelte-gjtrl6{width:100%;overflow-y:auto;height:100%;padding-top:var(--spacing-xxl)}@media(prefers-color-scheme: dark){.bubble-wrap.svelte-gjtrl6.svelte-gjtrl6{background:var(--background-fill-secondary)}}.message-wrap.svelte-gjtrl6 .prose.chatbot.md{opacity:0.8;overflow-wrap:break-word}.message-wrap.svelte-gjtrl6 .message-row .md img{border-radius:var(--radius-xl);margin:var(--size-2);width:400px;max-width:30vw;max-height:30vw}.message-wrap.svelte-gjtrl6 .message a{color:var(--color-text-link);text-decoration:underline}.message-wrap.svelte-gjtrl6 .bot:not(:has(.table-wrap)) table,.message-wrap.svelte-gjtrl6 .bot:not(:has(.table-wrap)) tr,.message-wrap.svelte-gjtrl6 .bot:not(:has(.table-wrap)) td,.message-wrap.svelte-gjtrl6 .bot:not(:has(.table-wrap)) th{border:1px solid var(--border-color-primary)}.message-wrap.svelte-gjtrl6 .user table,.message-wrap.svelte-gjtrl6 .user tr,.message-wrap.svelte-gjtrl6 .user td,.message-wrap.svelte-gjtrl6 .user th{border:1px solid var(--border-color-accent)}.message-wrap.svelte-gjtrl6 span.katex{font-size:var(--text-lg);direction:ltr}.message-wrap.svelte-gjtrl6 span.katex-display{margin-top:0}.message-wrap.svelte-gjtrl6 pre{position:relative}.message-wrap.svelte-gjtrl6 .grid-wrap{max-height:80% !important;max-width:600px;object-fit:contain}.message-wrap.svelte-gjtrl6>div.svelte-gjtrl6 p:not(:first-child){margin-top:var(--spacing-xxl)}.message-wrap.svelte-gjtrl6.svelte-gjtrl6{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:var(--spacing-xxl)}.panel-wrap.svelte-gjtrl6 .message-row:first-child{padding-top:calc(var(--spacing-xxl) * 2)}.scroll-down-button-container.svelte-gjtrl6.svelte-gjtrl6{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:var(--layer-top)}.scroll-down-button-container.svelte-gjtrl6 button{border-radius:50%;box-shadow:var(--shadow-drop);transition:box-shadow 0.2s ease-in-out,
			transform 0.2s ease-in-out}.scroll-down-button-container.svelte-gjtrl6 button:hover{box-shadow:var(--shadow-drop),
			0 2px 2px rgba(0, 0, 0, 0.05);transform:translateY(-2px)}.options.svelte-gjtrl6.svelte-gjtrl6{margin-left:auto;padding:var(--spacing-xxl);display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--spacing-xxl);max-width:calc(min(4 * 200px + 5 * var(--spacing-xxl), 100%));justify-content:end}.option.svelte-gjtrl6.svelte-gjtrl6{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);border:1px dashed var(--border-color-primary);border-radius:var(--radius-md);background-color:var(--background-fill-secondary);cursor:pointer;transition:var(--button-transition);max-width:var(--size-56);width:100%;justify-content:center}.option.svelte-gjtrl6.svelte-gjtrl6:hover{background-color:var(--color-accent-soft);border-color:var(--border-color-accent)}.wrapper.svelte-g3p8na{display:flex;position:relative;flex-direction:column;align-items:start;width:100%;height:100%;flex-grow:1}.progress-text{right:auto}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.CgUesbFV.css


label.svelte-5ncdh7.svelte-5ncdh7.svelte-5ncdh7{display:flex;align-items:center;transition:var(--button-transition);cursor:pointer;color:var(--checkbox-label-text-color);font-weight:var(--checkbox-label-text-weight);font-size:var(--checkbox-label-text-size);line-height:var(--line-md)}label.svelte-5ncdh7>.svelte-5ncdh7+.svelte-5ncdh7{margin-left:var(--size-2)}input.svelte-5ncdh7.svelte-5ncdh7.svelte-5ncdh7{--ring-color:transparent;position:relative;box-shadow:var(--checkbox-shadow);border:1px solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-background-color);line-height:var(--line-sm)}input.svelte-5ncdh7.svelte-5ncdh7.svelte-5ncdh7:checked,input.svelte-5ncdh7.svelte-5ncdh7.svelte-5ncdh7:checked:hover,input.svelte-5ncdh7.svelte-5ncdh7.svelte-5ncdh7:checked:focus{background-image:var(--checkbox-check);background-color:var(--checkbox-background-color-selected);border-color:var(--checkbox-border-color-focus)}input.svelte-5ncdh7.svelte-5ncdh7.svelte-5ncdh7:checked:focus{background-image:var(--checkbox-check);background-color:var(--checkbox-background-color-selected);border-color:var(--checkbox-border-color-focus)}input.svelte-5ncdh7.svelte-5ncdh7.svelte-5ncdh7:hover{border-color:var(--checkbox-border-color-hover);background-color:var(--checkbox-background-color-hover)}input.svelte-5ncdh7.svelte-5ncdh7.svelte-5ncdh7:focus{border-color:var(--checkbox-border-color-focus);background-color:var(--checkbox-background-color-focus)}input[disabled].svelte-5ncdh7.svelte-5ncdh7.svelte-5ncdh7,.disabled.svelte-5ncdh7.svelte-5ncdh7.svelte-5ncdh7{cursor:not-allowed}input.svelte-5ncdh7.svelte-5ncdh7.svelte-5ncdh7:hover{cursor:pointer}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.DhgyZ3dq.css


.wrap.svelte-1e02hys.svelte-1e02hys.svelte-1e02hys{display:flex;flex-wrap:wrap;gap:var(--checkbox-label-gap)}label.svelte-1e02hys.svelte-1e02hys.svelte-1e02hys{display:flex;align-items:center;transition:var(--button-transition);cursor:pointer;box-shadow:var(--checkbox-label-shadow);border:var(--checkbox-label-border-width) solid
			var(--checkbox-label-border-color);border-radius:var(--checkbox-border-radius);background:var(--checkbox-label-background-fill);padding:var(--checkbox-label-padding);color:var(--checkbox-label-text-color);font-weight:var(--checkbox-label-text-weight);font-size:var(--checkbox-label-text-size);line-height:var(--line-md)}label.svelte-1e02hys.svelte-1e02hys.svelte-1e02hys:hover{background:var(--checkbox-label-background-fill-hover)}label.svelte-1e02hys.svelte-1e02hys.svelte-1e02hys:focus{background:var(--checkbox-label-background-fill-focus)}label.selected.svelte-1e02hys.svelte-1e02hys.svelte-1e02hys{background:var(--checkbox-label-background-fill-selected);color:var(--checkbox-label-text-color-selected);border-color:var(--checkbox-label-border-color-selected)}label.svelte-1e02hys>.svelte-1e02hys+.svelte-1e02hys{margin-left:var(--size-2)}input.svelte-1e02hys.svelte-1e02hys.svelte-1e02hys{--ring-color:transparent;position:relative;box-shadow:var(--checkbox-shadow);border:var(--checkbox-border-width) solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-background-color);line-height:var(--line-sm)}input.svelte-1e02hys.svelte-1e02hys.svelte-1e02hys:checked,input.svelte-1e02hys.svelte-1e02hys.svelte-1e02hys:checked:hover,input.svelte-1e02hys.svelte-1e02hys.svelte-1e02hys:checked:focus{border-color:var(--checkbox-border-color-selected);background-image:var(--checkbox-check);background-color:var(--checkbox-background-color-selected)}input.svelte-1e02hys.svelte-1e02hys.svelte-1e02hys:checked:focus{border-color:var(--checkbox-border-color-focus);background-image:var(--checkbox-check);background-color:var(--checkbox-background-color-selected)}input.svelte-1e02hys.svelte-1e02hys.svelte-1e02hys:hover{border-color:var(--checkbox-border-color-hover);background-color:var(--checkbox-background-color-hover)}input.svelte-1e02hys.svelte-1e02hys.svelte-1e02hys:not(:checked):focus{border-color:var(--checkbox-border-color-focus)}input[disabled].svelte-1e02hys.svelte-1e02hys.svelte-1e02hys,.disabled.svelte-1e02hys.svelte-1e02hys.svelte-1e02hys{cursor:not-allowed}input.svelte-1e02hys.svelte-1e02hys.svelte-1e02hys:hover{cursor:pointer}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Example.COmDoKuI.css


pre.svelte-agpzo2{text-align:left}.gallery.svelte-agpzo2{padding:var(--size-1) var(--size-2)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.Cpc8zqPC.css


.wrap.svelte-scxcch{display:flex;flex-direction:column;flex-grow:1;margin:0;padding:0;height:100%}.codemirror-wrapper.svelte-scxcch{flex-grow:1;overflow:auto}.cm-editor{height:100%}.cm-selectionBackground{background-color:#b9d2ff30 !important}.cm-focused{outline:none !important}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Example.UAAEakYs.css


div.svelte-h6ogpl{width:var(--size-10);height:var(--size-10)}.table.svelte-h6ogpl{margin:0 auto}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.Df2gU2NX.css


.dialog-button.svelte-1oxhzww.svelte-1oxhzww{display:block;width:var(--size-10);height:var(--size-5);border:var(--block-border-width) solid var(--block-border-color)}.dialog-button.svelte-1oxhzww.svelte-1oxhzww:disabled{cursor:not-allowed}.input.svelte-1oxhzww.svelte-1oxhzww{display:flex;align-items:center;padding:0 10px 15px}.input.svelte-1oxhzww input.svelte-1oxhzww{height:30px;width:100%;flex-shrink:1;border-bottom-left-radius:0;border:1px solid var(--block-border-color);letter-spacing:-0.05rem;border-left:none;border-right:none;font-family:var(--font-mono);font-size:var(--scale-000);padding-left:15px;padding-right:0;background-color:var(--background-fill-secondary);color:var(--block-label-text-color)}.swatch.svelte-1oxhzww.svelte-1oxhzww{width:50px;height:50px;border-top-left-radius:15px;border-bottom-left-radius:15px;flex-shrink:0;border:1px solid var(--block-border-color)}.color-picker.svelte-1oxhzww.svelte-1oxhzww{width:230px;background:var(--background-fill-secondary);border:1px solid var(--block-border-color);border-radius:var(--block-radius);margin:var(--spacing-sm) 0}.buttons.svelte-1oxhzww.svelte-1oxhzww{height:20px;display:flex;justify-content:stretch;gap:0px}.buttons.svelte-1oxhzww button.svelte-1oxhzww{display:flex;align-items:center;justify-content:center;border:1px solid var(--block-border-color);background:var(--background-fill-secondary);padding:3px 6px;font-size:var(--scale-000);cursor:pointer;border-right:none;width:100%;border-top:none}.buttons.svelte-1oxhzww button.svelte-1oxhzww:first-child{border-left:none}.buttons.svelte-1oxhzww button.svelte-1oxhzww:last-child{border-bottom-right-radius:15px;border-right:1px solid var(--block-border-color)}.buttons.svelte-1oxhzww button.svelte-1oxhzww:hover{background:var(--background-fill-secondary-hover);font-weight:var(--weight-bold)}.buttons.svelte-1oxhzww button.active.svelte-1oxhzww{background:var(--background-fill-secondary);font-weight:var(--weight-bold)}.input-wrap.svelte-1oxhzww.svelte-1oxhzww{display:flex}.color-gradient.svelte-1oxhzww.svelte-1oxhzww{position:relative;--hue:white;background:linear-gradient(rgba(0, 0, 0, 0), #000),
			linear-gradient(90deg, #fff, hsl(var(--hue), 100%, 50%));width:100%;height:150px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.hue-slider.svelte-1oxhzww.svelte-1oxhzww{position:relative;width:90%;margin:10px auto;height:10px;border-radius:5px;background:linear-gradient(
			to right,
			hsl(0, 100%, 50%) 0%,
			#ff0 17%,
			lime 33%,
			cyan 50%,
			blue 67%,
			magenta 83%,
			red 100%
		)}.swatch.svelte-1oxhzww.svelte-1oxhzww{width:50px;height:50px;border-top-left-radius:15px;border-bottom-left-radius:15px;flex-shrink:0;border:1px solid var(--block-border-color)}.eyedropper.svelte-1oxhzww.svelte-1oxhzww{display:flex;align-items:center;justify-content:center;width:25px;height:30px;border-top-right-radius:15px;border:1px solid var(--block-border-color);border-left:none;background:var(--background-fill-secondary);height:30px;padding:7px 7px 5px 0px;cursor:pointer}.marker.svelte-1oxhzww.svelte-1oxhzww{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid white;top:-2px;left:-7px;box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);pointer-events:none}input.svelte-1oxhzww.svelte-1oxhzww{width:100%;height:30px;border:1px solid var(--block-border-color);border-radius:var(--radius-sm);padding:0 var(--size-2);font-family:var(--font-mono);font-size:var(--scale-000);color:var(--block-label-text-color);background-color:var(--background-fill-primary)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Example.BqCsLIvX.css


table.svelte-hn96gn.svelte-hn96gn{position:relative;border-collapse:collapse}td.svelte-hn96gn.svelte-hn96gn{border:1px solid var(--table-border-color);padding:var(--size-2);font-size:var(--text-sm);font-family:var(--font-mono)}.selected.svelte-hn96gn td.svelte-hn96gn{border-color:var(--border-color-accent)}.table.svelte-hn96gn.svelte-hn96gn{display:inline-block;margin:0 auto}.gallery.svelte-hn96gn td.svelte-hn96gn:first-child{border-left:none}.gallery.svelte-hn96gn tr:first-child td.svelte-hn96gn{border-top:none}.gallery.svelte-hn96gn td.svelte-hn96gn:last-child{border-right:none}.gallery.svelte-hn96gn tr:last-child td.svelte-hn96gn{border-bottom:none}.overlay.svelte-hn96gn.svelte-hn96gn{--gradient-to:transparent;position:absolute;bottom:0;background:linear-gradient(to bottom, transparent, var(--gradient-to));width:var(--size-full);height:50%}.odd.svelte-hn96gn.svelte-hn96gn{--gradient-to:var(--table-even-background-fill)}.even.svelte-hn96gn.svelte-hn96gn{--gradient-to:var(--table-odd-background-fill)}.button.svelte-hn96gn.svelte-hn96gn{--gradient-to:var(--background-fill-primary)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.mj74Lql6.css


.selection-button.svelte-1mp8yw1{position:absolute;background:var(--color-accent);width:var(--size-3);height:var(--size-5);color:var(--background-fill-primary)}.selection-button-column.svelte-1mp8yw1{top:-15px;left:50%;transform:translateX(-50%) rotate(90deg);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.selection-button-row.svelte-1mp8yw1{left:calc(var(--size-2-5) * -1);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.move-down.svelte-1mp8yw1{bottom:-14px;top:auto;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.move-right.svelte-1mp8yw1{left:auto;right:calc(var(--size-2-5) * -1);border-radius:0 var(--radius-sm) var(--radius-sm) 0}svg.svelte-1mp8yw1{fill:currentColor}span.svelte-1mp8yw1{display:flex;width:100%;height:100%}.up.svelte-1mp8yw1{transform:rotate(-90deg)}.down.svelte-1mp8yw1{transform:rotate(90deg)}.left.svelte-1mp8yw1{transform:rotate(-90deg)}.right.svelte-1mp8yw1{transform:rotate(90deg)}.dragging.svelte-1y3tas2{cursor:crosshair !important}input.svelte-1y3tas2{position:absolute;flex:1 1 0%;transform:translateX(-0.1px);outline:none;border:none;background:transparent;cursor:text;width:calc(100% - var(--size-2))}span.svelte-1y3tas2{flex:1 1 0%;position:relative;display:inline-block;outline:none;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:text;width:100%;height:100%;overflow:hidden}span.text.expanded.svelte-1y3tas2{height:auto;min-height:100%;white-space:pre-wrap;word-break:break-word;overflow:visible}.multiline.svelte-1y3tas2{white-space:pre;overflow:hidden;text-overflow:ellipsis}.header.svelte-1y3tas2{transform:translateX(0);font-weight:var(--weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:var(--size-1)}.edit.svelte-1y3tas2{opacity:0;pointer-events:none}span.svelte-1y3tas2 img{max-height:100px;width:auto;object-fit:contain}input.svelte-1y3tas2:read-only{cursor:not-allowed}.wrap.svelte-1y3tas2,.wrap.expanded.svelte-1y3tas2{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;word-wrap:break-word}.row-number.svelte-l87gn2{text-align:center;padding:var(--size-1);min-width:var(--size-12);width:var(--size-12);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-semibold);background:var(--table-even-background-fill);border-right:1px solid var(--border-color-primary)}tr:nth-child(odd) .row-number.svelte-l87gn2{background:var(--table-odd-background-fill)}tr:nth-child(even) .row-number.svelte-l87gn2{background:var(--table-even-background-fill)}.cell-menu-button.svelte-vt38nd{flex-shrink:0;display:none;align-items:center;justify-content:center;background-color:var(--block-background-fill);border:1px solid var(--border-color-primary);border-radius:var(--block-radius);width:var(--size-5);height:var(--size-5);min-width:var(--size-5);padding:0;margin-right:var(--spacing-sm);z-index:2;position:absolute;right:var(--size-1);top:50%;transform:translateY(-50%)}.wrapper.svelte-1skchaw{display:flex;align-items:center;justify-content:center}th.svelte-sy2j2s{--ring-color:transparent;position:relative;outline:none;box-shadow:inset 0 0 0 1px var(--ring-color);padding:0;background:var(--table-even-background-fill);border-right-width:0px;border-left-width:1px;border-style:solid;border-color:var(--border-color-primary)}th.svelte-sy2j2s:first-child{border-top-left-radius:var(--table-radius);border-bottom-left-radius:var(--table-radius);border-left-width:0px}th.svelte-sy2j2s:last-child{border-top-right-radius:var(--table-radius);border-bottom-right-radius:var(--table-radius)}th.focus.svelte-sy2j2s{--ring-color:var(--color-accent);box-shadow:inset 0 0 0 2px var(--ring-color);z-index:4}th.focus.svelte-sy2j2s .cell-menu-button{display:flex}th.svelte-sy2j2s:hover .cell-menu-button{display:flex}.cell-wrap.svelte-sy2j2s{display:flex;align-items:center;justify-content:flex-start;outline:none;min-height:var(--size-9);position:relative;height:100%;padding:var(--size-2);box-sizing:border-box;margin:0;gap:var(--size-1);overflow:visible;min-width:0;border-radius:var(--table-radius)}.header-content.svelte-sy2j2s{display:flex;align-items:center;overflow:hidden;flex-grow:1;min-width:0;white-space:normal;overflow-wrap:break-word;word-break:normal;height:100%;gap:var(--size-1)}.header-button.svelte-sy2j2s{display:flex;text-align:left;width:100%;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;position:relative}.sort-indicators.svelte-sy2j2s{display:flex;align-items:center;margin-left:var(--size-1);gap:var(--size-1)}.sort-arrow.svelte-sy2j2s{display:flex;align-items:center;justify-content:center;color:var(--body-text-color)}.sort-priority.svelte-sy2j2s{display:flex;align-items:center;justify-content:center;font-size:var(--size-2);background-color:var(--button-secondary-background-fill);color:var(--body-text-color);border-radius:var(--radius-sm);width:var(--size-2-5);height:var(--size-2-5);padding:var(--size-1-5)}.pinned-column.svelte-sy2j2s{position:sticky;z-index:5;border-right:none}td.svelte-v1pjjd{--ring-color:transparent;position:relative;outline:none;box-shadow:inset 0 0 0 1px var(--ring-color);padding:0;border-right-width:0px;border-left-width:1px;border-style:solid;border-color:var(--border-color-primary)}.cell-wrap.svelte-v1pjjd{display:flex;align-items:center;justify-content:flex-start;outline:none;min-height:var(--size-9);position:relative;height:100%;padding:var(--size-2);box-sizing:border-box;margin:0;gap:var(--size-1);overflow:visible;min-width:0;border-radius:var(--table-radius)}.cell-selected.svelte-v1pjjd{--ring-color:var(--color-accent);box-shadow:inset 0 0 0 2px var(--ring-color);z-index:2;position:relative}.cell-selected.svelte-v1pjjd .cell-menu-button{display:flex}.flash.cell-selected.svelte-v1pjjd{animation:svelte-v1pjjd-flash-color 700ms ease-out}@keyframes svelte-v1pjjd-flash-color{0%,30%{background:var(--color-accent-copied)}100%{background:transparent}}.pinned-column.svelte-v1pjjd{position:sticky;z-index:3;border-right:none}.pinned-column.svelte-v1pjjd:nth-child(odd){background:var(--table-odd-background-fill)}.pinned-column.svelte-v1pjjd:nth-child(even){background:var(--table-even-background-fill)}td.svelte-v1pjjd:first-child{border-left-width:0px}tr:last-child td.svelte-v1pjjd:first-child{border-bottom-left-radius:var(--table-radius)}tr:last-child td.svelte-v1pjjd:last-child{border-bottom-right-radius:var(--table-radius)}.dragging.svelte-v1pjjd{cursor:crosshair}.cell-selected.no-top.svelte-v1pjjd{box-shadow:inset 2px 0 0 var(--ring-color),
			inset -2px 0 0 var(--ring-color),
			inset 0 -2px 0 var(--ring-color)}.cell-selected.no-bottom.svelte-v1pjjd{box-shadow:inset 2px 0 0 var(--ring-color),
			inset -2px 0 0 var(--ring-color),
			inset 0 2px 0 var(--ring-color)}.cell-selected.no-left.svelte-v1pjjd{box-shadow:inset 0 2px 0 var(--ring-color),
			inset -2px 0 0 var(--ring-color),
			inset 0 -2px 0 var(--ring-color)}.cell-selected.no-right.svelte-v1pjjd{box-shadow:inset 0 2px 0 var(--ring-color),
			inset 2px 0 0 var(--ring-color),
			inset 0 -2px 0 var(--ring-color)}.cell-selected.no-top.no-left.svelte-v1pjjd{box-shadow:inset -2px 0 0 var(--ring-color),
			inset 0 -2px 0 var(--ring-color)}.cell-selected.no-top.no-right.svelte-v1pjjd{box-shadow:inset 2px 0 0 var(--ring-color),
			inset 0 -2px 0 var(--ring-color)}.cell-selected.no-bottom.no-left.svelte-v1pjjd{box-shadow:inset -2px 0 0 var(--ring-color),
			inset 0 2px 0 var(--ring-color)}.cell-selected.no-bottom.no-right.svelte-v1pjjd{box-shadow:inset 2px 0 0 var(--ring-color),
			inset 0 2px 0 var(--ring-color)}.cell-selected.no-top.no-bottom.svelte-v1pjjd{box-shadow:inset 2px 0 0 var(--ring-color),
			inset -2px 0 0 var(--ring-color)}.cell-selected.no-left.no-right.svelte-v1pjjd{box-shadow:inset 0 2px 0 var(--ring-color),
			inset 0 -2px 0 var(--ring-color)}.cell-selected.no-top.no-left.no-right.svelte-v1pjjd{box-shadow:inset 0 -2px 0 var(--ring-color)}.cell-selected.no-bottom.no-left.no-right.svelte-v1pjjd{box-shadow:inset 0 2px 0 var(--ring-color)}.cell-selected.no-left.no-top.no-bottom.svelte-v1pjjd{box-shadow:inset -2px 0 0 var(--ring-color)}.cell-selected.no-right.no-top.no-bottom.svelte-v1pjjd{box-shadow:inset 2px 0 0 var(--ring-color)}.cell-selected.no-top.no-bottom.no-left.no-right.svelte-v1pjjd{box-shadow:none}.add-row-button.svelte-jkwuz7{width:100%;padding:var(--size-1);background:transparent;border:1px dashed var(--border-color-primary);border-radius:var(--radius-sm);color:var(--body-text-color);cursor:pointer;transition:all 150ms;margin-top:var(--size-2);z-index:10;position:relative;pointer-events:auto}.add-row-button.svelte-jkwuz7:hover{background:var(--background-fill-secondary);border-style:solid}table.svelte-1e98i6s.svelte-1e98i6s{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;max-height:var(--max-height);box-sizing:border-box;display:block;padding:0;margin:0;color:var(--body-text-color);font-size:var(--input-text-size);line-height:var(--line-md);font-family:var(--font-mono);border-spacing:0;width:100%;scroll-snap-type:x proximity;border-collapse:separate;scrollbar-width:thin;scrollbar-color:rgba(128, 128, 128, 0.5) transparent}table.svelte-1e98i6s.svelte-1e98i6s::-webkit-scrollbar{width:4px;height:4px}table.svelte-1e98i6s.svelte-1e98i6s::-webkit-scrollbar-track{background:transparent}table.svelte-1e98i6s.svelte-1e98i6s::-webkit-scrollbar-thumb{background-color:rgba(128, 128, 128, 0.5);border-radius:4px}table.svelte-1e98i6s.svelte-1e98i6s:hover{scrollbar-color:rgba(160, 160, 160, 0.7) transparent}table.svelte-1e98i6s.svelte-1e98i6s:hover::-webkit-scrollbar-thumb{background-color:rgba(160, 160, 160, 0.7);border-radius:4px;width:4px}@media(hover: none){table.svelte-1e98i6s.svelte-1e98i6s{scrollbar-color:rgba(160, 160, 160, 0.7) transparent}table.svelte-1e98i6s.svelte-1e98i6s::-webkit-scrollbar-thumb{background-color:rgba(160, 160, 160, 0.7);border-radius:4px}}@media(pointer: coarse){table.svelte-1e98i6s.svelte-1e98i6s::-webkit-scrollbar{width:8px;height:8px}}table.svelte-1e98i6s .svelte-1e98i6s:is(thead, tfoot, tbody){display:table;table-layout:fixed;width:100%;box-sizing:border-box}tbody.svelte-1e98i6s.svelte-1e98i6s{overflow-x:scroll;overflow-y:hidden}table.svelte-1e98i6s tbody.svelte-1e98i6s{padding-top:var(--bw-svt-p-top);padding-bottom:var(--bw-svt-p-bottom)}tbody.svelte-1e98i6s.svelte-1e98i6s{position:relative;box-sizing:border-box;border:0px solid currentColor}tbody.svelte-1e98i6s>tr:last-child{border:none}table.svelte-1e98i6s td{scroll-snap-align:start}tbody.svelte-1e98i6s>tr:nth-child(even){background:var(--table-even-background-fill)}tbody.svelte-1e98i6s td.pinned-column{position:sticky;z-index:3}tbody.svelte-1e98i6s tr:nth-child(odd) td.pinned-column{background:var(--table-odd-background-fill)}tbody.svelte-1e98i6s tr:nth-child(even) td.pinned-column{background:var(--table-even-background-fill)}tbody.svelte-1e98i6s td.last-pinned{border-right:1px solid var(--border-color-primary)}thead.svelte-1e98i6s.svelte-1e98i6s{position:sticky;top:0;left:0;background:var(--background-fill-primary);z-index:7}thead.svelte-1e98i6s th{background:var(--table-even-background-fill) !important}thead.svelte-1e98i6s th.pinned-column{position:sticky;z-index:7;background:var(--table-even-background-fill) !important}thead.svelte-1e98i6s th.last-pinned{border-right:1px solid var(--border-color-primary)}.table.disable-scroll.svelte-1e98i6s.svelte-1e98i6s{overflow:hidden !important}.cell-menu.svelte-42thj4.svelte-42thj4{position:fixed;z-index:9;background:var(--background-fill-primary);border:1px solid var(--border-color-primary);border-radius:var(--radius-sm);padding:var(--size-1);display:flex;flex-direction:column;gap:var(--size-1);box-shadow:var(--shadow-drop-lg);min-width:150px;z-index:var(--layer-1)}.cell-menu.svelte-42thj4 button.svelte-42thj4{background:none;border:none;cursor:pointer;text-align:left;padding:var(--size-1) var(--size-2);border-radius:var(--radius-sm);color:var(--body-text-color);font-size:var(--text-sm);transition:background-color 0.2s,
			color 0.2s;display:flex;align-items:center;gap:var(--size-2);position:relative}.cell-menu.svelte-42thj4 button.active.svelte-42thj4{background-color:var(--background-fill-secondary)}.cell-menu.svelte-42thj4 button.svelte-42thj4:hover{background-color:var(--background-fill-secondary)}.cell-menu.svelte-42thj4 button.svelte-42thj4 svg{fill:currentColor;transition:fill 0.2s}.priority.svelte-42thj4.svelte-42thj4{display:flex;align-items:center;justify-content:center;margin-left:auto;font-size:var(--size-2);background-color:var(--button-secondary-background-fill);color:var(--body-text-color);border-radius:var(--radius-sm);width:var(--size-2-5);height:var(--size-2-5)}.toolbar.svelte-b1nr0g{display:flex;align-items:center;gap:var(--size-2);flex:0 0 auto}.toolbar-buttons.svelte-b1nr0g{display:flex;gap:var(--size-1);flex-wrap:nowrap}.toolbar-button.svelte-b1nr0g{display:flex;align-items:center;justify-content:center;width:var(--size-6);height:var(--size-6);padding:var(--size-1);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--body-text-color-subdued);cursor:pointer;transition:all 0.2s}.toolbar-button.svelte-b1nr0g:hover{background:var(--background-fill-secondary);color:var(--body-text-color)}.toolbar-button.svelte-b1nr0g svg{width:var(--size-4);height:var(--size-4)}.search-container.svelte-b1nr0g{position:relative}.search-input.svelte-b1nr0g{width:var(--size-full);height:var(--size-6);padding:var(--size-2);padding-right:var(--size-8);border:1px solid var(--border-color-primary);border-radius:var(--table-radius);font-size:var(--text-sm);color:var(--body-text-color);background:var(--background-fill-secondary);transition:all 0.2s ease}.search-input.svelte-b1nr0g:hover{border-color:var(--border-color-secondary);background:var(--background-fill-primary)}.search-input.svelte-b1nr0g:focus{outline:none;border-color:var(--color-accent);background:var(--background-fill-primary);box-shadow:0 0 0 1px var(--color-accent)}.check-button.svelte-b1nr0g{position:absolute;right:var(--size-1);top:50%;transform:translateY(-50%);background:var(--color-accent);color:white;border:none;width:var(--size-4);height:var(--size-4);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;padding:var(--size-1)}.check-button.svelte-b1nr0g svg{width:var(--size-3);height:var(--size-3)}.check-button.svelte-b1nr0g:hover{background:var(--color-accent-soft)}.table-container.svelte-18s8a4c.svelte-18s8a4c{display:flex;flex-direction:column;gap:var(--size-2);position:relative}.table-wrap.svelte-18s8a4c.svelte-18s8a4c{position:relative;transition:150ms}.table-wrap.menu-open.svelte-18s8a4c.svelte-18s8a4c{overflow:hidden}.table-wrap.svelte-18s8a4c.svelte-18s8a4c:focus-within{outline:none}.table-wrap.dragging.svelte-18s8a4c.svelte-18s8a4c{cursor:crosshair !important;user-select:none}.table-wrap.dragging.svelte-18s8a4c .svelte-18s8a4c{cursor:crosshair !important;user-select:none}.table-wrap.svelte-18s8a4c>button{border:1px solid var(--border-color-primary);border-radius:var(--table-radius);overflow:hidden}table.svelte-18s8a4c.svelte-18s8a4c{position:absolute;opacity:0;z-index:-1;transition:150ms;width:var(--size-full);table-layout:auto;color:var(--body-text-color);font-size:var(--input-text-size);line-height:var(--line-md);font-family:var(--font-mono);border-spacing:0;border-collapse:separate}thead.svelte-18s8a4c.svelte-18s8a4c{position:sticky;top:0;z-index:5;box-shadow:var(--shadow-drop)}thead.svelte-18s8a4c th.pinned-column{position:sticky;z-index:6;background:var(--table-even-background-fill) !important}.dragging.svelte-18s8a4c.svelte-18s8a4c{border-color:var(--color-accent)}.no-wrap.svelte-18s8a4c.svelte-18s8a4c{white-space:nowrap}div.svelte-18s8a4c:not(.no-wrap) td.svelte-18s8a4c{overflow-wrap:anywhere}div.no-wrap.svelte-18s8a4c td.svelte-18s8a4c{overflow-x:hidden}.row-odd.svelte-18s8a4c.svelte-18s8a4c{background:var(--table-odd-background-fill)}.header-row.svelte-18s8a4c.svelte-18s8a4c{display:flex;justify-content:flex-end;align-items:center;gap:var(--size-2);min-height:var(--size-6);flex-wrap:nowrap;width:100%}.header-row.svelte-18s8a4c .label.svelte-18s8a4c{flex:1 1 auto;margin-right:auto}.header-row.svelte-18s8a4c .label p.svelte-18s8a4c{margin:0;color:var(--block-label-text-color);font-size:var(--block-label-text-size);line-height:var(--line-sm);position:relative;z-index:4}.scroll-top-button.svelte-18s8a4c.svelte-18s8a4c{position:absolute;right:var(--size-4);bottom:var(--size-4);width:var(--size-8);height:var(--size-8);border-radius:var(--table-radius);background:var(--color-accent);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);z-index:9;opacity:0.5}.scroll-top-button.svelte-18s8a4c.svelte-18s8a4c:hover{opacity:1}tr.svelte-18s8a4c.svelte-18s8a4c{border-bottom:1px solid var(--border-color-primary);text-align:left}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/ImageUploader.DU5KUzA3.css


button.svelte-qbrfs{cursor:pointer;width:var(--size-full)}.wrap.svelte-qbrfs{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:var(--size-60);color:var(--block-label-text-color);height:100%;padding-top:var(--size-3)}.icon-wrap.svelte-qbrfs{width:30px;margin-bottom:var(--spacing-lg)}@media(min-width: 768px){.wrap.svelte-qbrfs{font-size:var(--text-lg)}}.wrap.svelte-10cpz3p.svelte-10cpz3p{position:relative;width:var(--size-full);height:var(--size-full)}.hide.svelte-10cpz3p.svelte-10cpz3p{display:none}video.svelte-10cpz3p.svelte-10cpz3p{width:var(--size-full);height:var(--size-full);object-fit:contain}.button-wrap.svelte-10cpz3p.svelte-10cpz3p{position:absolute;background-color:var(--block-background-fill);border:1px solid var(--border-color-primary);border-radius:var(--radius-xl);padding:var(--size-1-5);display:flex;bottom:var(--size-2);left:50%;transform:translate(-50%, 0);box-shadow:var(--shadow-drop-lg);border-radius:var(--radius-xl);line-height:var(--size-3);color:var(--button-secondary-text-color)}.icon-with-text.svelte-10cpz3p.svelte-10cpz3p{width:var(--size-20);align-items:center;margin:0 var(--spacing-xl);display:flex;justify-content:space-evenly}@media(min-width: 768px){button.svelte-10cpz3p.svelte-10cpz3p{bottom:var(--size-4)}}@media(min-width: 1280px){button.svelte-10cpz3p.svelte-10cpz3p{bottom:var(--size-8)}}.icon.svelte-10cpz3p.svelte-10cpz3p{width:18px;height:18px;display:flex;justify-content:space-between;align-items:center}.color-primary.svelte-10cpz3p.svelte-10cpz3p{fill:var(--primary-600);stroke:var(--primary-600);color:var(--primary-600)}.flip.svelte-10cpz3p.svelte-10cpz3p{transform:scaleX(-1)}.select-wrap.svelte-10cpz3p.svelte-10cpz3p{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--button-secondary-text-color);background-color:transparent;width:95%;font-size:var(--text-md);position:absolute;bottom:var(--size-2);background-color:var(--block-background-fill);box-shadow:var(--shadow-drop-lg);border-radius:var(--radius-xl);z-index:var(--layer-top);border:1px solid var(--border-color-primary);text-align:left;line-height:var(--size-4);white-space:nowrap;text-overflow:ellipsis;left:50%;transform:translate(-50%, 0);max-width:var(--size-52)}.select-wrap.svelte-10cpz3p>option.svelte-10cpz3p{padding:0.25rem 0.5rem;border-bottom:1px solid var(--border-color-accent);padding-right:var(--size-8);text-overflow:ellipsis;overflow:hidden}.select-wrap.svelte-10cpz3p>option.svelte-10cpz3p:hover{background-color:var(--color-accent)}.select-wrap.svelte-10cpz3p>option.svelte-10cpz3p:last-child{border:none}.inset-icon.svelte-10cpz3p.svelte-10cpz3p{position:absolute;top:5px;right:-6.5px;width:var(--size-10);height:var(--size-5);opacity:0.8}@media(min-width: 768px){.wrap.svelte-10cpz3p.svelte-10cpz3p{font-size:var(--text-lg)}}.image-frame.svelte-11chud3 img{width:var(--size-full);height:var(--size-full);object-fit:scale-down}.upload-container.svelte-11chud3{display:flex;align-items:center;justify-content:center;height:100%;flex-shrink:1;max-height:100%}.reduced-height.svelte-11chud3{height:calc(100% - var(--size-10))}.image-container.svelte-11chud3{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center;max-height:100%}.selectable.svelte-11chud3{cursor:crosshair}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Example.BI_HSbIA.css


.container.svelte-a9zvka img{width:100%;height:100%}.container.selected.svelte-a9zvka{border-color:var(--border-color-accent)}.border.table.svelte-a9zvka{border:2px solid var(--border-color-primary)}.container.table.svelte-a9zvka{margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;width:var(--size-20);height:var(--size-20);object-fit:cover}.container.gallery.svelte-a9zvka{width:var(--size-20);max-width:var(--size-20);object-fit:cover}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.B1wGGoq8.css


.wrap.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i{display:inline-block;width:var(--size-full);max-width:var(--size-full);color:var(--body-text-color)}.hide.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i{display:none}.label.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i{display:flex;align-items:center;margin-bottom:var(--size-2);color:var(--block-label-text-color);font-weight:var(--block-label-text-weight);font-size:var(--block-label-text-size);line-height:var(--line-sm)}svg.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i{margin-right:var(--size-1)}.gallery.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.gallery-item.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i{border:1px solid var(--border-color-primary);border-radius:var(--button-large-radius);overflow:hidden}.gallery-item.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i:hover{border-color:var(--border-color-accent);background:var(--table-row-focus)}.table-wrap.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i{border:1px solid var(--border-color-primary);border-radius:var(--table-radius);width:var(--size-full);table-layout:auto;overflow-x:auto;line-height:var(--line-sm);color:var(--table-text-color)}table.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i{width:var(--size-full)}.tr-head.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i{box-shadow:var(--shadow-drop-lg);border-bottom:1px solid var(--border-color-primary)}.tr-head.svelte-p5q82i>.svelte-p5q82i+.svelte-p5q82i{border-right-width:0px;border-left-width:1px;border-color:var(--border-color-primary)}th.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i{padding:var(--size-2);white-space:nowrap}.tr-body.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i{cursor:pointer;border-bottom:1px solid var(--border-color-primary);background:var(--table-even-background-fill)}.tr-body.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i:last-child{border:none}.tr-body.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i:nth-child(odd){background:var(--table-odd-background-fill)}.tr-body.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i:hover{background:var(--table-row-focus)}.tr-body.svelte-p5q82i>.svelte-p5q82i+.svelte-p5q82i{border-right-width:0px;border-left-width:1px;border-color:var(--border-color-primary)}.tr-body.svelte-p5q82i:hover>.svelte-p5q82i+.svelte-p5q82i{border-color:var(--border-color-accent)}td.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i{padding:var(--size-2);text-align:center}.paginate.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--size-2);color:var(--block-label-text-color);font-size:var(--text-sm)}button.current-page.svelte-p5q82i.svelte-p5q82i.svelte-p5q82i{font-weight:var(--weight-bold)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.CkLhqRWZ.css


.label-content.svelte-d4qsy2{display:flex;justify-content:space-between;align-items:flex-start}button.svelte-d4qsy2{cursor:pointer;color:var(--body-text-color-subdued)}button.svelte-d4qsy2:hover{color:var(--body-text-color)}.svelte-d4qsy2::placeholder{color:var(--input-placeholder-color)}.timebox.svelte-d4qsy2{flex-grow:1;flex-shrink:1;display:flex;position:relative;background:var(--input-background-fill)}.timebox.svelte-d4qsy2 svg{height:18px}.time.svelte-d4qsy2{padding:var(--input-padding);color:var(--body-text-color);font-weight:var(--input-text-weight);font-size:var(--input-text-size);line-height:var(--line-sm);outline:none;flex-grow:1;background:none;border:var(--input-border-width) solid var(--input-border-color);border-right:none;border-top-left-radius:var(--input-radius);border-bottom-left-radius:var(--input-radius);box-shadow:var(--input-shadow)}.time.svelte-d4qsy2:disabled{border-right:var(--input-border-width) solid var(--input-border-color);border-top-right-radius:var(--input-radius);border-bottom-right-radius:var(--input-radius)}.time.invalid.svelte-d4qsy2{color:var(--body-text-color-subdued)}.calendar.svelte-d4qsy2{display:inline-flex;justify-content:center;align-items:center;transition:var(--button-transition);box-shadow:var(--button-primary-shadow);text-align:center;background:var(--button-secondary-background-fill);color:var(--button-secondary-text-color);font-weight:var(--button-large-text-weight);font-size:var(--button-large-text-size);border-top-right-radius:var(--input-radius);border-bottom-right-radius:var(--input-radius);padding:var(--size-2);border:var(--input-border-width) solid var(--input-border-color)}.calendar.svelte-d4qsy2:hover{background:var(--button-secondary-background-fill-hover);box-shadow:var(--button-primary-shadow-hover)}.calendar.svelte-d4qsy2:active{box-shadow:var(--button-primary-shadow-active)}.datetime.svelte-d4qsy2{width:0px;padding:0;border:0;margin:0;background:none}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.C9aJa-R5.css


.button-icon.svelte-yjn27e{width:var(--text-xl);height:var(--text-xl);margin-right:var(--spacing-xl)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Example.CniNOwBY.css


div.svelte-rgtszb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery.svelte-rgtszb{display:flex;align-items:center;cursor:pointer;padding:var(--size-1) var(--size-2);text-align:left}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/FileUpload.PW9JfUly.css


.label-clear-button.svelte-1rvzbk6.svelte-1rvzbk6{color:var(--body-text-color-subdued);position:relative;left:-3px}.label-clear-button.svelte-1rvzbk6.svelte-1rvzbk6:hover{color:var(--body-text-color)}.file-preview.svelte-1rvzbk6.svelte-1rvzbk6{table-layout:fixed;width:var(--size-full);max-height:var(--size-60);overflow-y:auto;margin-top:var(--size-1);color:var(--body-text-color)}.file-preview-holder.svelte-1rvzbk6.svelte-1rvzbk6{overflow:auto}.file.svelte-1rvzbk6.svelte-1rvzbk6{display:flex;width:var(--size-full)}.file.svelte-1rvzbk6>.svelte-1rvzbk6{padding:var(--size-1) var(--size-2-5)}.filename.svelte-1rvzbk6.svelte-1rvzbk6{flex-grow:1;display:flex;overflow:hidden}.filename.svelte-1rvzbk6 .stem.svelte-1rvzbk6{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filename.svelte-1rvzbk6 .ext.svelte-1rvzbk6{white-space:nowrap}.download.svelte-1rvzbk6.svelte-1rvzbk6{min-width:8rem;width:10%;white-space:nowrap;text-align:right}.download.svelte-1rvzbk6.svelte-1rvzbk6:hover{text-decoration:underline}.download.svelte-1rvzbk6>a{color:var(--link-text-color)}.download.svelte-1rvzbk6>a:hover{color:var(--link-text-color-hover)}.download.svelte-1rvzbk6>a:visited{color:var(--link-text-color-visited)}.download.svelte-1rvzbk6>a:active{color:var(--link-text-color-active)}.selectable.svelte-1rvzbk6.svelte-1rvzbk6{cursor:pointer}tbody.svelte-1rvzbk6>tr.svelte-1rvzbk6:nth-child(even){background:var(--block-background-fill)}tbody.svelte-1rvzbk6>tr.svelte-1rvzbk6:nth-child(odd){background:var(--table-odd-background-fill)}.drag-handle.svelte-1rvzbk6.svelte-1rvzbk6{cursor:grab;color:var(--body-text-color-subdued);padding-right:var(--size-2);user-select:none}.dragging.svelte-1rvzbk6.svelte-1rvzbk6{opacity:0.5;cursor:grabbing}.drop-target.svelte-1rvzbk6.svelte-1rvzbk6{border-top:2px solid var(--color-accent)}tr:last-child.drop-target[data-drop-target="before"].svelte-1rvzbk6.svelte-1rvzbk6{border-top:2px solid var(--color-accent);border-bottom:none}tr:last-child.drop-target[data-drop-target="after"].svelte-1rvzbk6.svelte-1rvzbk6{border-top:none;border-bottom:2px solid var(--color-accent)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Example.BT9hnQY6.css


ul.svelte-4tf8f{white-space:nowrap;max-height:100px;list-style:none;padding:0;margin:0}.extra.svelte-4tf8f{text-align:center}.gallery.svelte-4tf8f{align-items:center;cursor:pointer;padding:var(--size-1) var(--size-2);text-align:left}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.5XZaptZI.css


input.svelte-1j130g3{--ring-color:transparent;position:relative;box-shadow:var(--input-shadow);border:1px solid var(--checkbox-border-color);border-radius:var(--radius-xs);background-color:var(--checkbox-background-color);line-height:var(--line-sm);width:18px !important;height:18px !important}input.svelte-1j130g3:checked,input.svelte-1j130g3:checked:hover,input.svelte-1j130g3:checked:focus{border-color:var(--checkbox-border-color-selected);background-image:var(--checkbox-check);background-color:var(--checkbox-background-color-selected)}input.svelte-1j130g3:hover{border-color:var(--checkbox-border-color-hover);background-color:var(--checkbox-background-color-hover)}input.svelte-1j130g3:focus{border-color:var(--checkbox-border-color-focus);background-color:var(--checkbox-background-color-focus)}.disabled.svelte-1j130g3{opacity:0.8 !important;cursor:not-allowed}.icon.svelte-p1d4ff.svelte-p1d4ff{display:inline-block;width:18px;height:18px;padding:3px 2px 3px 3px;margin:0;flex-grow:0;display:inline-flex;justify-content:center;align-items:center;border-radius:2px;cursor:pointer;transition:0.1s;flex-shrink:0}.file-icon.svelte-p1d4ff.svelte-p1d4ff{display:inline-block;height:20px;margin-left:-1px;margin:0;flex-grow:0;display:inline-flex;justify-content:center;align-items:center;transition:0.1s}.file-icon.svelte-p1d4ff img.svelte-p1d4ff{width:100%;height:100%}.icon.svelte-p1d4ff.svelte-p1d4ff:hover{background:#eee}.icon.svelte-p1d4ff:hover > *{color:var(--block-info-text-color)}.icon.svelte-p1d4ff > *{transform:rotate(90deg);transform-origin:40% 50%;transition:0.2s;color:var(--color-accent)}.no-checkbox.svelte-p1d4ff.svelte-p1d4ff{width:18px;height:18px}.hidden.svelte-p1d4ff > *{transform:rotate(0);color:var(--body-text-color-subdued)}ul.svelte-p1d4ff.svelte-p1d4ff{margin-left:26px;padding-left:0;list-style:none}li.svelte-p1d4ff.svelte-p1d4ff{margin-left:0;padding-left:0;align-items:center;margin:8px 0;font-family:var(--font-mono);font-size:var(--scale-00);overflow-wrap:anywhere;word-break:break-word}.wrap.svelte-p1d4ff.svelte-p1d4ff{display:flex;gap:8px;align-items:center}.file-wrap.svelte-dicskc{height:calc(100% - 25px);overflow-y:scroll}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Gallery.B3HQRzuK.css


button.svelte-842rpi.svelte-842rpi{width:var(--size-full);height:var(--size-full);object-fit:contain;display:block;border-radius:var(--radius-lg)}.preview.svelte-842rpi.svelte-842rpi{display:flex;position:absolute;flex-direction:column;z-index:var(--layer-2);border-radius:calc(var(--block-radius) - var(--block-border-width));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:var(--size-full);height:var(--size-full)}.preview.minimal.svelte-842rpi.svelte-842rpi{width:fit-content;height:fit-content}.preview.svelte-842rpi.svelte-842rpi::before{content:"";position:absolute;z-index:var(--layer-below);background:var(--background-fill-primary);opacity:0.9;width:var(--size-full);height:var(--size-full)}.fixed-height.svelte-842rpi.svelte-842rpi{min-height:var(--size-80);max-height:55vh}@media(min-width: 1280px){.fixed-height.svelte-842rpi.svelte-842rpi{min-height:450px}}.media-button.svelte-842rpi.svelte-842rpi{height:calc(100% - 60px);width:100%;display:flex}.media-button.svelte-842rpi img,.media-button.svelte-842rpi video{width:var(--size-full);height:var(--size-full);object-fit:contain}.thumbnails.svelte-842rpi img{object-fit:cover;width:var(--size-full);height:var(--size-full)}.thumbnails.svelte-842rpi svg{position:absolute;top:var(--size-2);left:var(--size-2);width:50%;height:50%;opacity:50%}.preview.svelte-842rpi img.with-caption{height:var(--size-full)}.preview.minimal.svelte-842rpi img.with-caption{height:auto}.caption.svelte-842rpi.svelte-842rpi{padding:var(--size-2) var(--size-3);overflow:hidden;color:var(--block-label-text-color);font-weight:var(--weight-semibold);text-align:center;text-overflow:ellipsis;white-space:nowrap;align-self:center}.thumbnails.svelte-842rpi.svelte-842rpi{display:flex;position:absolute;bottom:0;justify-content:center;align-items:center;gap:var(--spacing-lg);width:var(--size-full);height:var(--size-14);overflow-x:scroll}.thumbnail-item.svelte-842rpi.svelte-842rpi{--ring-color:transparent;position:relative;box-shadow:inset 0 0 0 1px var(--ring-color),
			var(--shadow-drop);border:1px solid var(--border-color-primary);border-radius:var(--button-small-radius);background:var(--background-fill-secondary);aspect-ratio:var(--ratio-square);width:var(--size-full);height:var(--size-full);overflow:clip}.thumbnail-item.svelte-842rpi.svelte-842rpi:hover{--ring-color:var(--color-accent);border-color:var(--color-accent);filter:brightness(1.1)}.thumbnail-item.selected.svelte-842rpi.svelte-842rpi{--ring-color:var(--color-accent);border-color:var(--color-accent)}.thumbnail-item.svelte-842rpi svg{position:absolute;top:50%;left:50%;width:50%;height:50%;opacity:50%;transform:translate(-50%, -50%)}.thumbnail-item.svelte-842rpi video{width:var(--size-full);height:var(--size-full);overflow:hidden;object-fit:cover}.thumbnail-small.svelte-842rpi.svelte-842rpi{flex:none;transform:scale(0.9);transition:0.075s;width:var(--size-9);height:var(--size-9)}.thumbnail-small.selected.svelte-842rpi.svelte-842rpi{--ring-color:var(--color-accent);transform:scale(1);border-color:var(--color-accent)}.grid-wrap.svelte-842rpi.svelte-842rpi{position:relative;padding:var(--size-2);height:var(--size-full);overflow-y:scroll}.grid-container.svelte-842rpi.svelte-842rpi{display:grid;position:relative;grid-template-rows:repeat(var(--grid-rows), minmax(100px, 1fr));grid-template-columns:repeat(var(--grid-cols), minmax(100px, 1fr));grid-auto-rows:minmax(100px, 1fr);gap:var(--spacing-lg)}.thumbnail-lg.svelte-842rpi>img{width:var(--size-full);height:var(--size-full);overflow:hidden;object-fit:var(--object-fit)}.thumbnail-lg.svelte-842rpi:hover .caption-label.svelte-842rpi{opacity:0.5}.caption-label.svelte-842rpi.svelte-842rpi{position:absolute;right:var(--block-label-margin);bottom:var(--block-label-margin);z-index:var(--layer-1);border-top:1px solid var(--border-color-primary);border-left:1px solid var(--border-color-primary);border-radius:var(--block-label-radius);background:var(--background-fill-secondary);padding:var(--block-label-padding);max-width:80%;overflow:hidden;font-size:var(--block-label-text-size);text-align:left;text-overflow:ellipsis;white-space:nowrap}.grid-wrap.minimal.svelte-842rpi.svelte-842rpi{padding:0}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Video.BS7gIGiU.css


.overlay.svelte-1y0s5gv{position:absolute;background-color:rgba(0, 0, 0, 0.4);width:100%;height:100%}.hidden.svelte-1y0s5gv{display:none}.load-wrap.svelte-1y0s5gv{display:flex;justify-content:center;align-items:center;height:100%}.loader.svelte-1y0s5gv{display:flex;position:relative;background-color:var(--border-color-accent-subdued);animation:svelte-1y0s5gv-shadowPulse 2s linear infinite;box-shadow:-24px 0 var(--border-color-accent-subdued),
			24px 0 var(--border-color-accent-subdued);margin:var(--spacing-md);border-radius:50%;width:10px;height:10px;scale:0.5}@keyframes svelte-1y0s5gv-shadowPulse{33%{box-shadow:-24px 0 var(--border-color-accent-subdued),
				24px 0 #fff;background:#fff}66%{box-shadow:-24px 0 #fff,
				24px 0 #fff;background:var(--border-color-accent-subdued)}100%{box-shadow:-24px 0 #fff,
				24px 0 var(--border-color-accent-subdued);background:#fff}}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.CM3Al4BG.css


div.svelte-1nguped{border:var(--block-border-width) solid var(--border-color-primary);background:var(--block-border-color);border-radius:var(--block-radius);display:flex;flex-direction:column;gap:var(--form-gap-width);overflow:hidden}div.svelte-1nguped>*:not(.absolute){border:none;border-radius:0}.hide.svelte-1nguped{display:none}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.A2SdUVuA.css


.container.svelte-ju12zg.svelte-ju12zg{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--block-padding)}.hl.svelte-ju12zg+.hl.svelte-ju12zg{margin-left:var(--size-1)}.textspan.svelte-ju12zg:last-child>.label.svelte-ju12zg{margin-right:0}.category-legend.svelte-ju12zg.svelte-ju12zg{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);color:black}.category-label.svelte-ju12zg.svelte-ju12zg{cursor:pointer;border-radius:var(--radius-xs);padding-right:var(--size-2);padding-left:var(--size-2);font-weight:var(--weight-semibold)}.color-legend.svelte-ju12zg.svelte-ju12zg{display:flex;justify-content:space-between;border-radius:var(--radius-xs);background:linear-gradient(
			to right,
			var(--color-purple),
			rgba(255, 255, 255, 0),
			var(--color-red)
		);padding:var(--size-1) var(--size-2);font-weight:var(--weight-semibold)}.textfield.svelte-ju12zg.svelte-ju12zg{box-sizing:border-box;border-radius:var(--radius-xs);background:var(--background-fill-primary);background-color:transparent;max-width:var(--size-full);line-height:var(--scale-4);word-break:break-all}.textspan.svelte-ju12zg.svelte-ju12zg{transition:150ms;border-radius:var(--radius-xs);padding-top:2.5px;padding-right:var(--size-1);padding-bottom:3.5px;padding-left:var(--size-1);color:black}.label.svelte-ju12zg.svelte-ju12zg{transition:150ms;margin-top:1px;border-radius:var(--radius-xs);padding:1px 5px;color:var(--body-text-color);color:white;font-weight:var(--weight-bold);font-size:var(--text-sm);text-transform:uppercase}.text.svelte-ju12zg.svelte-ju12zg{color:black;white-space:pre-wrap}.score-text.svelte-ju12zg .text.svelte-ju12zg{color:var(--body-text-color)}.score-text.svelte-ju12zg.svelte-ju12zg{margin-right:var(--size-1);padding:var(--size-1)}.no-cat.svelte-ju12zg.svelte-ju12zg{color:var(--body-text-color)}.no-label.svelte-ju12zg.svelte-ju12zg{color:var(--body-text-color)}.selectable.svelte-ju12zg.svelte-ju12zg{cursor:pointer}.label-input.svelte-1cag2po{transition:150ms;margin-top:1px;margin-right:calc(var(--size-1));border-radius:var(--radius-xs);padding:1px 5px;color:black;font-weight:var(--weight-bold);font-size:var(--text-sm);text-transform:uppercase;line-height:1;color:white}.label-input.svelte-1cag2po::placeholder{color:rgba(1, 1, 1, 0.5)}.label-clear-button.svelte-1ozsnjl.svelte-1ozsnjl{display:none;border-radius:var(--radius-xs);padding-top:2.5px;padding-right:var(--size-1);padding-bottom:3.5px;padding-left:var(--size-1);color:black;background-color:var(--background-fill-secondary);user-select:none;position:relative;left:-3px;border-radius:0 var(--radius-xs) var(--radius-xs) 0;color:var(--block-label-text-color)}.text-class_or_confidence-container.svelte-1ozsnjl:hover .label-clear-button.svelte-1ozsnjl,.text-class_or_confidence-container.svelte-1ozsnjl:focus-within .label-clear-button.svelte-1ozsnjl,.score-text-container.svelte-1ozsnjl:hover .label-clear-button.svelte-1ozsnjl,.score-text-container.svelte-1ozsnjl:focus-within .label-clear-button.svelte-1ozsnjl{display:inline}.text-class_or_confidence-container.svelte-1ozsnjl:hover .textspan.hl.svelte-1ozsnjl,.text-class_or_confidence-container.svelte-1ozsnjl:focus-within .textspan.hl.svelte-1ozsnjl,.score-text.svelte-1ozsnjl.svelte-1ozsnjl:hover{border-radius:var(--radius-xs) 0 0 var(--radius-xs)}.container.svelte-1ozsnjl.svelte-1ozsnjl{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--block-padding)}.hl.svelte-1ozsnjl.svelte-1ozsnjl{margin-left:var(--size-1);transition:background-color 0.3s;user-select:none}.textspan.svelte-1ozsnjl:last-child>.label.svelte-1ozsnjl{margin-right:0}.class_or_confidence-legend.svelte-1ozsnjl.svelte-1ozsnjl{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);color:black}.class_or_confidence-label.svelte-1ozsnjl.svelte-1ozsnjl{cursor:pointer;border-radius:var(--radius-xs);padding-right:var(--size-2);padding-left:var(--size-2);font-weight:var(--weight-semibold)}.color-legend.svelte-1ozsnjl.svelte-1ozsnjl{display:flex;justify-content:space-between;border-radius:var(--radius-xs);background:linear-gradient(
			to right,
			var(--color-purple),
			rgba(255, 255, 255, 0),
			var(--color-red)
		);padding:var(--size-1) var(--size-2);font-weight:var(--weight-semibold)}.textfield.svelte-1ozsnjl.svelte-1ozsnjl{box-sizing:border-box;border-radius:var(--radius-xs);background:var(--background-fill-primary);background-color:transparent;max-width:var(--size-full);line-height:var(--scale-4);word-break:break-all}.textspan.svelte-1ozsnjl.svelte-1ozsnjl{transition:150ms;border-radius:var(--radius-xs);padding-top:2.5px;padding-right:var(--size-1);padding-bottom:3.5px;padding-left:var(--size-1);color:black;cursor:text}.label.svelte-1ozsnjl.svelte-1ozsnjl{transition:150ms;margin-top:1px;border-radius:var(--radius-xs);padding:1px 5px;color:var(--body-text-color);color:white;font-weight:var(--weight-bold);font-size:var(--text-sm);text-transform:uppercase;user-select:none}.text.svelte-1ozsnjl.svelte-1ozsnjl{color:black;white-space:pre-wrap}.textspan.hl.svelte-1ozsnjl.svelte-1ozsnjl{user-select:none}.score-text-container.svelte-1ozsnjl.svelte-1ozsnjl{margin-right:var(--size-1)}.score-text.svelte-1ozsnjl .text.svelte-1ozsnjl{color:var(--body-text-color)}.no-cat.svelte-1ozsnjl.svelte-1ozsnjl{color:var(--body-text-color)}.no-label.svelte-1ozsnjl.svelte-1ozsnjl{color:var(--body-text-color);user-select:text}.selectable.svelte-1ozsnjl.svelte-1ozsnjl{cursor:text;user-select:text}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.CzWz8LC-.css


.hide.svelte-ydeks8{display:none}.padding.svelte-phx28p{padding:var(--block-padding)}div.svelte-phx28p{transition:150ms}.pending.svelte-phx28p{opacity:0.2}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Example.PNpjY3LI.css


.gallery.svelte-zvfedn{padding:var(--size-2)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Example.q-HzhiHp.css


.container.svelte-jhlhb0 img{width:100%;height:100%}.container.selected.svelte-jhlhb0{border-color:var(--border-color-accent)}.container.table.svelte-jhlhb0{margin:0 auto;border:2px solid var(--border-color-primary);border-radius:var(--radius-lg);width:var(--size-20);height:var(--size-20);object-fit:cover}.container.gallery.svelte-jhlhb0{border:2px solid var(--border-color-primary);height:var(--size-20);max-height:var(--size-20);object-fit:cover}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.BKmcYiVx.css


button.svelte-rrog8b{display:flex;justify-content:center;align-items:center;gap:1px;z-index:var(--layer-2);color:var(--block-label-text-color);border:1px solid transparent}.quite-round.svelte-rrog8b{border-radius:var(--radius-sm)}.very-round.svelte-rrog8b{border-radius:var(--radius-md)}button[disabled].svelte-rrog8b{opacity:0.5;box-shadow:none}button[disabled].svelte-rrog8b:hover{cursor:not-allowed}.padded.svelte-rrog8b{padding:2px;background:var(--bg-color);box-shadow:var(--shadow-drop);border:1px solid var(--button-secondary-border-color)}button.svelte-rrog8b:hover,button.highlight.svelte-rrog8b{cursor:pointer;color:var(--color-accent)}.padded.svelte-rrog8b:hover{border:2px solid var(--button-secondary-border-color-hover);padding:1px;color:var(--block-label-text-color)}span.svelte-rrog8b{padding:0px 1px;font-size:10px}div.svelte-rrog8b{padding:2px;display:flex;align-items:flex-end}.small.svelte-rrog8b{width:14px;height:14px}.medium.svelte-rrog8b{width:20px;height:20px}.large.svelte-rrog8b{width:22px;height:22px}.pending.svelte-rrog8b{animation:svelte-rrog8b-flash 0.5s infinite}@keyframes svelte-rrog8b-flash{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}.transparent.svelte-rrog8b{background:transparent;border:none;box-shadow:none}.hue-slider.svelte-9hvvq8.svelte-9hvvq8{position:relative;width:90%;margin:0px auto 10px auto;height:12px;border-radius:2px;border:1px solid var(--block-border-color);background:linear-gradient(
			to right,
			hsl(0, 100%, 50%) 0%,
			#ff0 17%,
			lime 33%,
			cyan 50%,
			blue 67%,
			magenta 83%,
			red 100%
		);border-top:none}.opacity-slider.svelte-9hvvq8.svelte-9hvvq8{position:relative;width:90%;margin:10px auto 5px auto;height:12px;border-radius:2px;border:1px solid var(--block-border-color);background:linear-gradient(to right, transparent, var(--color)),
			repeating-conic-gradient(#808080 0% 25%, transparent 0% 50%) 0 0 / 10px
				10px}.opacity-marker.svelte-9hvvq8.svelte-9hvvq8{position:absolute;width:16px;height:16px;border-radius:50%}.opacity-slider.svelte-9hvvq8>.opacity-marker.svelte-9hvvq8{box-shadow:0 0 1px #888;top:-4px;margin:auto;height:18px;width:18px;left:-9px;margin:auto;border:1px solid var(--block-border-color)}.color-gradient.svelte-9hvvq8.svelte-9hvvq8{position:relative;--hue:white;background:linear-gradient(rgba(0, 0, 0, 0), #000),
			linear-gradient(90deg, #fff, hsl(var(--hue), 100%, 50%));width:100%;height:150px;border-top-left-radius:4px;border-top-right-radius:4px}.marker.svelte-9hvvq8.svelte-9hvvq8{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid white;top:-7px;left:-7px;box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);pointer-events:none;border:1px solid var(--block-border-color)}.hue-slider.svelte-9hvvq8>.marker.svelte-9hvvq8{box-shadow:0 0 1px #888;top:-3px;margin:auto;height:18px;width:18px;left:-9px;border:1px solid var(--block-border-color)}.swatch-wrap.svelte-1ngpqve{display:flex;justify-content:space-between;align-items:flex-start;width:205px}span.lg.svelte-1ngpqve{margin-top:var(--spacing-sm)}.swatch-container.svelte-1ngpqve{display:flex;flex-direction:column;gap:10px;width:100%}.swatch.svelte-1ngpqve{display:grid;grid-template-columns:repeat(auto-fill, 25px);gap:8px;justify-content:flex-start;overflow:hidden;justify-content:center}.empty.svelte-1ngpqve{border:1px solid var(--block-border-color);font-weight:var(--weight-bold);display:flex;justify-content:center;align-items:center;padding-top:4px;text-align:center;font-size:var(--scale-0);cursor:pointer}.empty.svelte-1ngpqve::after{content:"+";margin-bottom:var(--size-1)}.color.svelte-1ngpqve{width:25px;height:25px;border-radius:var(--radius-md)}.empty.selected.svelte-1ngpqve,.color.selected.svelte-1ngpqve{border:2px solid var(--color-accent)}.colorpicker.svelte-1ngpqve{border:1px solid var(--block-border-color);background:conic-gradient(
			red,
			#ff0 60deg,
			lime 120deg,
			cyan 180deg,
			blue 240deg,
			magenta 300deg,
			red 360deg
		);overflow:hidden;position:relative;color:white;cursor:pointer}.colorpicker.svelte-1ngpqve::before{content:"";position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);opacity:1;transition:0.1s;top:0;left:0}.colorpicker.svelte-1ngpqve::after{display:flex;justify-content:center;align-items:center;content:"â¨¯";color:white;font-size:var(--scale-5);position:absolute;width:100%;height:100%;transform:translateY(-7px);opacity:1;transition:0.1s;top:0}.colorpicker.hidden.svelte-1ngpqve::after,.colorpicker.hidden.svelte-1ngpqve::before{opacity:0}.input.svelte-w84deg.svelte-w84deg{display:flex;align-items:center;padding:0 10px 15px}.input.svelte-w84deg input.svelte-w84deg{height:30px;width:100%;flex-shrink:1;border-bottom-left-radius:0;border:1px solid var(--block-border-color);letter-spacing:-0.05rem;border-left:none;border-right:none;font-family:var(--font-mono);font-size:var(--scale-000);padding-left:15px;padding-right:0;background-color:var(--background-fill-secondary);color:var(--block-label-text-color)}.swatch.svelte-w84deg.svelte-w84deg{width:50px;height:50px;border-top-left-radius:15px;border-bottom-left-radius:15px;flex-shrink:0;border:1px solid var(--block-border-color)}.buttons.svelte-w84deg button.svelte-w84deg{display:flex;align-items:center;justify-content:center;border:1px solid var(--block-border-color);background:var(--background-fill-secondary);padding:3px 6px;font-size:var(--scale-000);cursor:pointer;border-right:none;width:100%;border-top:none}.buttons.svelte-w84deg button.svelte-w84deg:first-child{border-left:none}.buttons.svelte-w84deg button.svelte-w84deg:last-child{border-bottom-right-radius:15px;border-right:1px solid var(--block-border-color)}.buttons.svelte-w84deg button.svelte-w84deg:hover{background:var(--background-fill-secondary-hover);font-weight:var(--weight-bold)}.buttons.svelte-w84deg button.active.svelte-w84deg{background:var(--background-fill-secondary);font-weight:var(--weight-bold)}.buttons.svelte-w84deg.svelte-w84deg{height:20px;display:flex;justify-content:stretch;gap:0px}.input-wrap.svelte-w84deg.svelte-w84deg{display:flex}.eyedropper.svelte-w84deg.svelte-w84deg{display:flex;align-items:center;justify-content:center;width:25px;height:30px;border-top-right-radius:15px;border:1px solid var(--block-border-color);border-left:none;background:var(--background-fill-secondary);height:30px;padding:7px 7px 5px 0px;cursor:pointer}.wrap.svelte-1ktybyw{width:230px;display:flex;gap:var(--size-4);background:var(--background-fill-secondary);padding:0 var(--size-4);cursor:default;padding-top:var(--size-2-5)}input.svelte-1ktybyw{width:100%}span.svelte-1ktybyw{width:26px;color:var(--body-text-color)}.wrap.svelte-qigu2l{max-width:230px;position:absolute;display:flex;flex-direction:column;gap:5px;background:var(--background-fill-secondary);border:1px solid var(--block-border-color);border-radius:var(--radius-md);box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1);padding-bottom:var(--size-2);pointer-events:all;cursor:default;z-index:var(--layer-top);overflow:hidden;top:0;transform:translate(35px, -12px)}.color_picker.svelte-qigu2l{transform:translate(35px, -50%)}.size_picker.svelte-qigu2l{transform:translate(35px, 18px)}.eraser_picker.svelte-qigu2l{transform:translate(35px, -7px)}.toolbar-wrap.svelte-1m5h684{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;left:15px;right:0;top:30%;width:30px;border:1px solid var(--block-border-color);border-radius:var(--radius-md);gap:var(--spacing-sm);z-index:1000;background-color:var(--block-background-fill)}.half-container.svelte-1m5h684{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.half-container.svelte-1m5h684{width:100%;padding:var(--spacing-sm) 0}.half-container.svelte-1m5h684:last-child{border-top:1px solid var(--block-border-color)}.hide.svelte-1m5h684{display:none}.add-layer.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37{display:flex;justify-content:center;align-items:center;margin:var(--spacing-sm) 0 0 0}.add-layer.svelte-1peog37 button{width:100%}.icon.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37{width:14px;color:var(--body-text-color);transition:color 0.15s ease}.layer-wrap.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column}.layer-wrap.svelte-1peog37 button.svelte-1peog37.svelte-1peog37.svelte-1peog37{justify-content:space-between;align-items:center;width:100%;display:flex;font-size:var(--text-sm);line-height:var(--line-sm);transition:all 0.15s ease;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm)}button.layer-title-button.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37{width:100%}.layer-wrap.svelte-1peog37 button:hover .icon.svelte-1peog37.svelte-1peog37.svelte-1peog37{color:var(--color-accent)}.selected_layer.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37{color:var(--color-accent);font-weight:var(--weight-semibold)}ul.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37{bottom:0;right:0;width:100%;list-style:none;z-index:var(--layer-top);padding:var(--spacing-sm);border-top:1px solid var(--border-color-primary)}li.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37{display:flex;justify-content:space-between;align-items:center;transition:background-color 0.15s ease;border-bottom:1px solid var(--border-color-primary)}.layer-wrap.svelte-1peog37 ul.svelte-1peog37>li.svelte-1peog37>button.svelte-1peog37{padding-left:calc(var(--spacing-md))}li.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37:hover{background-color:var(--background-fill-secondary)}li.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37:last-child{border-bottom:none}li.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37:last-child:hover{background-color:unset}li.svelte-1peog37 div.svelte-1peog37.svelte-1peog37.svelte-1peog37{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}li.svelte-1peog37>button.svelte-1peog37.svelte-1peog37.svelte-1peog37{padding:var(--spacing-sm) var(--spacing-md)}.toolbar-wrap-wrap.svelte-nkklfl{position:absolute;right:0;bottom:0;width:fit-content;max-height:100%;overflow-y:auto;display:flex;flex-direction:column-reverse}.toolbar-wrap.svelte-nkklfl{min-width:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;right:0;bottom:0;border:1px solid var(--block-border-color);border-radius:0;border-top-left-radius:var(--radius-md);border-right:none;border-bottom:none;z-index:1000;background-color:var(--block-background-fill)}.separator.svelte-eqjom0.svelte-eqjom0{width:1px;height:10px;background-color:var(--border-color-primary)}.zoom-number.svelte-eqjom0.svelte-eqjom0{position:relative;width:30px;padding-left:4px;display:flex;align-items:center;justify-content:center}.zoom-number.svelte-eqjom0 span.svelte-eqjom0{cursor:pointer;font-size:var(--text-sm);transition:color 0.15s ease}.zoom-number.svelte-eqjom0 span.svelte-eqjom0:hover{color:var(--color-accent)}.zoom-controls.svelte-eqjom0.svelte-eqjom0{position:absolute;top:calc(100% + var(--spacing-xxs) + 3px);left:-2px;background:var(--block-background-fill);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);padding:var(--spacing-xxs);box-shadow:var(--shadow-drop);font-size:12px;z-index:var(--layer-2);width:max-content;color:var(--block-label-text-color);border:1px solid var(--block-border-color);border-top-left-radius:0;border-top-right-radius:0}.zoom-controls.svelte-eqjom0 ul.svelte-eqjom0{list-style:none;margin:0;padding:0}.zoom-controls.svelte-eqjom0 li.svelte-eqjom0{display:flex;justify-content:space-between;align-items:center;transition:background-color 0.15s ease;border-bottom:1px solid var(--border-color-primary)}.zoom-controls.svelte-eqjom0 li.svelte-eqjom0:last-child{border-bottom:none}.zoom-controls.svelte-eqjom0 li.svelte-eqjom0:hover{background-color:var(--background-fill-secondary)}.zoom-controls.svelte-eqjom0 button.svelte-eqjom0{width:100%;text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);line-height:var(--line-sm);transition:all 0.15s ease;border-radius:var(--radius-sm)}.zoom-controls.svelte-eqjom0 button.svelte-eqjom0:hover{color:var(--color-accent)}.image-container.svelte-h6gdep{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center;max-height:100%;border-radius:var(--radius-sm)}.pixi-target.svelte-h6gdep{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;display:block;opacity:0;pointer-events:none;border-radius:var(--radius-sm)}.pixi-target-crop.svelte-h6gdep{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;display:block;opacity:0;pointer-events:none;border-radius:var(--radius-sm)}.visible.svelte-h6gdep{opacity:1;pointer-events:auto}.pixi-target.svelte-h6gdep{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.modal.svelte-h6gdep{position:absolute;height:100%;width:100%;left:0;right:0;margin:auto;z-index:var(--layer-top);display:flex;align-items:center}.modal-inner.svelte-h6gdep{height:100%;width:100%;background:var(--block-background-fill)}.dark-bg.svelte-h6gdep{background:#333}.crop-confirm-button.svelte-h6gdep{position:absolute;bottom:8px;left:0;right:0;margin:auto;z-index:var(--layer-top);display:flex;align-items:center;justify-content:center}h2.svelte-a0rsm5{font-size:var(--text-xl)}p.svelte-a0rsm5,h2.svelte-a0rsm5{white-space:pre-line}.empty.svelte-a0rsm5{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;height:100%;width:100%;left:0;right:0;margin:auto;z-index:var(--layer-1);text-align:center;color:var(--color-grey-500) !important;cursor:pointer}.wrap.svelte-a0rsm5{display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:var(--line-md);font-size:var(--text-md)}.or.svelte-a0rsm5{color:var(--body-text-color-subdued)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.HGSBPzJx.css


.json-node.svelte-19ir0ev{font-family:var(--font-mono);--text-color:#d18770;--key-color:var(--text-color);--string-color:#ce9178;--number-color:#719fad;--bracket-color:#5d8585;--square-bracket-color:#be6069;--punctuation-color:#8fbcbb;--line-number-color:#6a737d;--separator-color:var(--line-number-color)}.json-node.dark-mode.svelte-19ir0ev{--bracket-color:#7eb4b3;--number-color:#638d9a}.json-node.root.svelte-19ir0ev{position:relative;padding-left:var(--size-14)}.json-node.root.svelte-19ir0ev::before{content:"";position:absolute;top:0;bottom:0;left:var(--size-11);width:1px;background-color:var(--separator-color)}.line.svelte-19ir0ev{display:flex;align-items:flex-start;padding:0;margin:0;line-height:var(--line-md)}.line-number.svelte-19ir0ev{position:absolute;left:0;width:calc(var(--size-7));text-align:right;color:var(--line-number-color);user-select:none;text-overflow:ellipsis;text-overflow:ellipsis;direction:rtl;overflow:hidden}.content.svelte-19ir0ev{flex:1;display:flex;align-items:center;padding-left:calc(var(--depth) * var(--size-2));flex-wrap:wrap}.children.svelte-19ir0ev{padding-left:var(--size-4)}.children.hidden.svelte-19ir0ev{display:none}.key.svelte-19ir0ev{color:var(--key-color)}.string.svelte-19ir0ev{color:var(--string-color)}.number.svelte-19ir0ev{color:var(--number-color)}.bool.svelte-19ir0ev{color:var(--text-color)}.null.svelte-19ir0ev{color:var(--text-color)}.value.svelte-19ir0ev{margin-left:var(--spacing-md)}.punctuation.svelte-19ir0ev{color:var(--punctuation-color)}.bracket.svelte-19ir0ev{margin-left:var(--spacing-sm);color:var(--bracket-color)}.square-bracket.svelte-19ir0ev{margin-left:var(--spacing-sm);color:var(--square-bracket-color)}.toggle.svelte-19ir0ev,.preview.svelte-19ir0ev{background:none;border:none;color:inherit;cursor:pointer;padding:0;margin:0}.toggle.svelte-19ir0ev{user-select:none;margin-right:var(--spacing-md)}.preview.svelte-19ir0ev{margin:0 var(--spacing-sm) 0 var(--spacing-lg)}.preview.svelte-19ir0ev:hover{text-decoration:underline}[data-pseudo-content]::before{content:attr(data-pseudo-content)}.copied svg{animation:svelte-ryarus-fade ease 300ms;animation-fill-mode:forwards}@keyframes svelte-ryarus-fade{0%{opacity:0}100%{opacity:1}}.json-holder.svelte-ryarus{padding:var(--size-2);overflow-y:auto}.empty-wrapper.svelte-ryarus{min-height:calc(var(--size-32) - 20px);height:100%}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.CCTfp4s0.css


.container.svelte-1mutzus.svelte-1mutzus.svelte-1mutzus{padding:var(--block-padding)}.output-class.svelte-1mutzus.svelte-1mutzus.svelte-1mutzus{display:flex;justify-content:center;align-items:center;padding:var(--size-6) var(--size-4);color:var(--body-text-color);font-weight:var(--weight-bold);font-size:var(--text-xxl)}.confidence-set.svelte-1mutzus.svelte-1mutzus.svelte-1mutzus{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--size-2);color:var(--body-text-color);line-height:var(--line-none);font-family:var(--font-mono);width:100%}.confidence-set.svelte-1mutzus.svelte-1mutzus.svelte-1mutzus:last-child{margin-bottom:0}.inner-wrap.svelte-1mutzus.svelte-1mutzus.svelte-1mutzus{flex:1 1 0%;display:flex;flex-direction:column}.bar.svelte-1mutzus.svelte-1mutzus.svelte-1mutzus{appearance:none;-webkit-appearance:none;-moz-appearance:none;align-self:flex-start;margin-bottom:var(--size-1);border-radius:var(--radius-md);background:var(--stat-background-fill);height:var(--size-1);border:none}.bar.svelte-1mutzus.svelte-1mutzus.svelte-1mutzus::-moz-meter-bar{border-radius:var(--radius-md);background:var(--stat-background-fill)}.bar.svelte-1mutzus.svelte-1mutzus.svelte-1mutzus::-webkit-meter-bar{border-radius:var(--radius-md);background:var(--stat-background-fill);border:none}.bar.svelte-1mutzus.svelte-1mutzus.svelte-1mutzus::-webkit-meter-optimum-value,.bar.svelte-1mutzus.svelte-1mutzus.svelte-1mutzus::-webkit-meter-suboptimum-value,.bar.svelte-1mutzus.svelte-1mutzus.svelte-1mutzus::-webkit-meter-even-less-good-value{border-radius:var(--radius-md);background:var(--stat-background-fill)}.bar.svelte-1mutzus.svelte-1mutzus.svelte-1mutzus::-ms-fill{border-radius:var(--radius-md);background:var(--stat-background-fill);border:none}.label.svelte-1mutzus.svelte-1mutzus.svelte-1mutzus{display:flex;align-items:baseline}.label.svelte-1mutzus>.svelte-1mutzus+.svelte-1mutzus{margin-left:var(--size-2)}.confidence-set.svelte-1mutzus:hover .label.svelte-1mutzus.svelte-1mutzus{color:var(--color-accent)}.confidence-set.svelte-1mutzus:focus .label.svelte-1mutzus.svelte-1mutzus{color:var(--color-accent)}.text.svelte-1mutzus.svelte-1mutzus.svelte-1mutzus{line-height:var(--line-md);text-align:left}.line.svelte-1mutzus.svelte-1mutzus.svelte-1mutzus{flex:1 1 0%;border:1px dashed var(--border-color-primary);padding-right:var(--size-4);padding-left:var(--size-4)}.confidence.svelte-1mutzus.svelte-1mutzus.svelte-1mutzus{margin-left:auto;text-align:right}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.2gNKIPgc.css


div.svelte-lag733 .math.inline{fill:var(--body-text-color);display:inline-block;vertical-align:middle;padding:var(--size-1-5) -var(--size-1);color:var(--body-text-color)}div.svelte-lag733 .math.inline svg{display:inline;margin-bottom:0.22em}div.svelte-lag733{max-width:100%}.hide.svelte-lag733{display:none}div.svelte-1ed2p3z{transition:150ms}.pending.svelte-1ed2p3z{opacity:0.2}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.Bn2wKUfz.css


.model3D.svelte-1mxwah3{display:flex;position:relative;width:var(--size-full);height:var(--size-full);border-radius:var(--block-radius);overflow:hidden}.model3D.svelte-1mxwah3 canvas{width:var(--size-full);height:var(--size-full);object-fit:contain;overflow:hidden}.input-model.svelte-jub4pj{display:flex;position:relative;justify-content:center;align-items:center;width:var(--size-full);height:var(--size-full);border-radius:var(--block-radius);overflow:hidden}.input-model.svelte-jub4pj canvas{width:var(--size-full);height:var(--size-full);object-fit:contain;overflow:hidden}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Example.6livfLEN.css


.gallery.svelte-1cl8bqt{padding:var(--size-1) var(--size-2);display:flex;align-items:center;gap:20px;overflow-x:auto}div.svelte-1cl8bqt{overflow:hidden;min-width:var(--local-text-width);white-space:nowrap}.container.svelte-1cl8bqt img,.container.svelte-1cl8bqt video{object-fit:contain;width:100px;height:100px}.container.selected.svelte-1cl8bqt{border-color:var(--border-color-accent)}.border.table.svelte-1cl8bqt{border:2px solid var(--border-color-primary)}.container.table.svelte-1cl8bqt{margin:0 auto;border-radius:var(--radius-lg);overflow-x:auto;width:max-content;height:max-content;object-fit:cover;padding:var(--size-2)}.container.gallery.svelte-1cl8bqt{object-fit:cover}div.svelte-1cl8bqt>p{font-size:var(--text-lg);white-space:normal}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.CCcaS9RJ.css


.full-container.svelte-5gfv2q.svelte-5gfv2q{width:100%;position:relative;padding:var(--block-padding);border:1px solid transparent}.full-container.dragging.svelte-5gfv2q.svelte-5gfv2q{border:1px solid var(--color-accent);border-radius:calc(var(--radius-sm) - 1px)}.full-container.dragging.svelte-5gfv2q.svelte-5gfv2q::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.input-container.svelte-5gfv2q.svelte-5gfv2q{display:flex;position:relative;align-items:flex-end}textarea.svelte-5gfv2q.svelte-5gfv2q{flex-grow:1;outline:none !important;background:var(--block-background-fill);padding:var(--input-padding);color:var(--body-text-color);font-weight:var(--input-text-weight);font-size:var(--input-text-size);line-height:var(--line-sm);border:none;margin-top:0px;margin-bottom:0px;resize:none;position:relative;z-index:1;text-align:left}textarea[dir="rtl"].svelte-5gfv2q.svelte-5gfv2q{text-align:right}textarea[dir="rtl"].svelte-5gfv2q~.submit-button.svelte-5gfv2q{order:-1;margin-left:0;margin-right:var(--spacing-sm)}textarea[dir="rtl"].svelte-5gfv2q~.submit-button.svelte-5gfv2q svg{transform:scaleX(-1)}textarea.no-label.svelte-5gfv2q.svelte-5gfv2q{padding-top:5px;padding-bottom:5px}textarea.svelte-5gfv2q.svelte-5gfv2q:disabled{-webkit-opacity:1;opacity:1}textarea.svelte-5gfv2q.svelte-5gfv2q::placeholder{color:var(--input-placeholder-color)}.microphone-button.svelte-5gfv2q.svelte-5gfv2q,.upload-button.svelte-5gfv2q.svelte-5gfv2q,.submit-button.svelte-5gfv2q.svelte-5gfv2q,.stop-button.svelte-5gfv2q.svelte-5gfv2q{border:none;text-align:center;text-decoration:none;font-size:14px;cursor:pointer;border-radius:15px;min-width:30px;height:30px;flex-shrink:0;display:flex;justify-content:center;align-items:center;z-index:var(--layer-1);margin-left:var(--spacing-sm)}.padded-button.svelte-5gfv2q.svelte-5gfv2q{padding:0 10px}.microphone-button.svelte-5gfv2q.svelte-5gfv2q,.stop-button.svelte-5gfv2q.svelte-5gfv2q,.upload-button.svelte-5gfv2q.svelte-5gfv2q,.submit-button.svelte-5gfv2q.svelte-5gfv2q{background:var(--button-secondary-background-fill)}.microphone-button.svelte-5gfv2q.svelte-5gfv2q:hover:not(:disabled),.stop-button.svelte-5gfv2q.svelte-5gfv2q:hover:not(:disabled),.upload-button.svelte-5gfv2q.svelte-5gfv2q:hover:not(:disabled),.submit-button.svelte-5gfv2q.svelte-5gfv2q:hover:not(:disabled){background:var(--button-secondary-background-fill-hover)}.microphone-button.svelte-5gfv2q.svelte-5gfv2q:disabled,.stop-button.svelte-5gfv2q.svelte-5gfv2q:disabled,.upload-button.svelte-5gfv2q.svelte-5gfv2q:disabled,.submit-button.svelte-5gfv2q.svelte-5gfv2q:disabled{background:var(--button-secondary-background-fill);cursor:not-allowed}.microphone-button.svelte-5gfv2q.svelte-5gfv2q:active,.stop-button.svelte-5gfv2q.svelte-5gfv2q:active,.upload-button.svelte-5gfv2q.svelte-5gfv2q:active,.submit-button.svelte-5gfv2q.svelte-5gfv2q:active{box-shadow:var(--button-shadow-active)}.submit-button.svelte-5gfv2q svg{height:22px;width:22px}.microphone-button.svelte-5gfv2q svg,.upload-button.svelte-5gfv2q svg{height:17px;width:17px}.stop-button.svelte-5gfv2q svg{height:16px;width:16px}.loader.svelte-5gfv2q.svelte-5gfv2q{display:flex;justify-content:center;align-items:center;--ring-color:transparent;position:relative;border:5px solid #f3f3f3;border-top:5px solid var(--color-accent);border-radius:50%;width:25px;height:25px;animation:svelte-5gfv2q-spin 2s linear infinite}@keyframes svelte-5gfv2q-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.thumbnails.svelte-5gfv2q img{width:var(--size-full);height:var(--size-full);object-fit:cover;border-radius:var(--radius-lg)}.thumbnails.svelte-5gfv2q.svelte-5gfv2q{display:flex;align-items:center;gap:var(--spacing-lg);overflow-x:scroll;padding-top:var(--spacing-sm);margin-bottom:6px}.thumbnail-item.svelte-5gfv2q.svelte-5gfv2q{display:flex;justify-content:center;align-items:center;--ring-color:transparent;position:relative;box-shadow:0 0 0 2px var(--ring-color),
			var(--shadow-drop);border:1px solid var(--border-color-primary);border-radius:var(--radius-lg);background:var(--background-fill-secondary);aspect-ratio:var(--ratio-square);width:var(--size-full);height:var(--size-full);cursor:default}.thumbnail-small.svelte-5gfv2q.svelte-5gfv2q{flex:none;transform:scale(0.9);transition:0.075s;width:var(--size-12);height:var(--size-12)}.thumbnail-item.svelte-5gfv2q svg{width:30px;height:30px}.delete-button.svelte-5gfv2q.svelte-5gfv2q{display:flex;justify-content:center;align-items:center;position:absolute;right:-7px;top:-7px;color:var(--button-secondary-text-color);background:var(--button-secondary-background-fill);border:none;text-align:center;text-decoration:none;font-size:10px;cursor:pointer;border-radius:50%;width:20px;height:20px}.disabled.svelte-5gfv2q.svelte-5gfv2q{display:none}.delete-button.svelte-5gfv2q svg{width:12px;height:12px}.delete-button.svelte-5gfv2q.svelte-5gfv2q:hover{filter:brightness(1.2);border:0.8px solid var(--color-grey-500)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.CcVKMnZ4.css


div.svelte-19qacdz{width:100%;height:100%}#vg-tooltip-element{font-family:var(--font) !important;font-size:var(--text-xs) !important;box-shadow:none !important;background-color:var(--block-background-fill) !important;border:1px solid var(--border-color-primary) !important;color:var(--body-text-color) !important}#vg-tooltip-element .key{color:var(--body-text-color-subdued) !important}.caption.svelte-19qacdz{padding:0 4px;margin:0;text-align:center}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.ChNDsf5c.css


label.svelte-7ha85a.svelte-7ha85a:not(.container),label.svelte-7ha85a:not(.container)>input.svelte-7ha85a{height:100%;border:none}.container.svelte-7ha85a>input.svelte-7ha85a{border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-radius)}input[type="number"].svelte-7ha85a.svelte-7ha85a{display:block;position:relative;outline:none !important;box-shadow:var(--input-shadow);background:var(--input-background-fill);padding:var(--input-padding);width:100%;color:var(--body-text-color);font-size:var(--input-text-size);line-height:var(--line-sm)}input.svelte-7ha85a.svelte-7ha85a:disabled{-webkit-text-fill-color:var(--body-text-color);-webkit-opacity:1;opacity:1}input.svelte-7ha85a.svelte-7ha85a:focus{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-color-focus);background:var(--input-background-fill-focus)}input.svelte-7ha85a.svelte-7ha85a::placeholder{color:var(--input-placeholder-color)}input.svelte-7ha85a.svelte-7ha85a:out-of-range{border:var(--input-border-width) solid var(--error-border-color)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.DTBa1-NT.css


.gradio-container-5-25-1 Tables */ table,
.gradio-container-5-25-1 tr,
.gradio-container-5-25-1 td,
.gradio-container-5-25-1 th {
	margin-top: var(--spacing-sm);
	margin-bottom: var(--spacing-sm);
	padding: var(--spacing-xl);
}

/* .message-wrap :global(pre[class*="language-"]),
	.message-wrap :global(pre) {
		border: none;
		background: none;
		position: relative;
		direction: ltr;
		white-space: no-wrap;
		overflow-x: auto;
	}
	.message-wrap :global(code) {
	} */

/* .message-wrap :global(div[class*="code_wrap"]) {
		
	} */

.gradio-container-5-25-1 .md code,
.gradio-container-5-25-1 .md pre {
	background: none;
	font-family: var(--font-mono);
	font-size: var(--text-md);

	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	tab-size: 2;

	hyphens: none;
}

.gradio-container-5-25-1 .md pre[class*="language-"]::-moz-selection,
.gradio-container-5-25-1 .md pre[class*="language-"] ::-moz-selection,
.gradio-container-5-25-1 .md code[class*="language-"]::-moz-selection,
.gradio-container-5-25-1 .md code[class*="language-"] ::-moz-selection {
}

.gradio-container-5-25-1 .md pre[class*="language-"]::selection,
.gradio-container-5-25-1 .md pre[class*="language-"] ::selection,
.gradio-container-5-25-1 .md code[class*="language-"]::selection,
.gradio-container-5-25-1 .md code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

/* Code blocks */
.gradio-container-5-25-1 .md pre {
	padding: 1em;
	margin: 0.5em 0;
	overflow: auto;
	position: relative;
	margin-top: var(--spacing-sm);
	margin-bottom: var(--spacing-sm);
	box-shadow: none;
	border: none;
	border-radius: var(--radius-md);
	background: var(--code-background-fill);
	font-family: var(--font-mono);
	display: block;
	white-space: pre;
	border-radius: var(--radius-sm);
	text-shadow: none;
	border-radius: var(--radius-sm);
	/* font-size: 85%; */
	white-space: nowrap;
	display: block;
	white-space: pre;
}

.gradio-container-5-25-1 .prose code {
}
.gradio-container-5-25-1 .prose pre > code {
}

/* Inline code */
.gradio-container-5-25-1 .md :not(pre) > code {
	padding: 0.1em;
	border-radius: var(--radius-xs);
	white-space: normal;
	background: var(--code-background-fill);
	border: 1px solid var(--panel-border-color);
	padding: var(--spacing-xxs) var(--spacing-xs);
}

.gradio-container-5-25-1 .md .token.comment,
.gradio-container-5-25-1 .md .token.prolog,
.gradio-container-5-25-1 .md .token.doctype,
.gradio-container-5-25-1 .md .token.cdata {
	color: slategray;
}

.gradio-container-5-25-1 .md .token.punctuation {
	color: #999;
}

.gradio-container-5-25-1 .md .token.namespace {
	opacity: 0.7;
}

.gradio-container-5-25-1 .md .token.property,
.gradio-container-5-25-1 .md .token.tag,
.gradio-container-5-25-1 .md .token.boolean,
.gradio-container-5-25-1 .md .token.number,
.gradio-container-5-25-1 .md .token.constant,
.gradio-container-5-25-1 .md .token.symbol,
.gradio-container-5-25-1 .md .token.deleted {
	color: #905;
}

.gradio-container-5-25-1 .md .token.selector,
.gradio-container-5-25-1 .md .token.attr-name,
.gradio-container-5-25-1 .md .token.string,
.gradio-container-5-25-1 .md .token.char,
.gradio-container-5-25-1 .md .token.builtin,
.gradio-container-5-25-1 .md .token.inserted {
	color: #690;
}

.gradio-container-5-25-1 .md .token.atrule,
.gradio-container-5-25-1 .md .token.attr-value,
.gradio-container-5-25-1 .md .token.keyword {
	color: #07a;
}

.gradio-container-5-25-1 .md .token.function,
.gradio-container-5-25-1 .md .token.class-name {
	color: #dd4a68;
}

.gradio-container-5-25-1 .md .token.regex,
.gradio-container-5-25-1 .md .token.important,
.gradio-container-5-25-1 .md .token.variable {
	color: #e90;
}

.gradio-container-5-25-1 .md .token.important,
.gradio-container-5-25-1 .md .token.bold {
	font-weight: bold;
}
.gradio-container-5-25-1 .md .token.italic {
	font-style: italic;
}

.gradio-container-5-25-1 .md .token.entity {
	cursor: help;
}

.dark .md .token.comment,
.dark .md .token.prolog,
.dark .md .token.cdata {
	color: hsl(220, 10%, 40%);
}

.dark .md .token.doctype,
.dark .md .token.punctuation,
.dark .md .token.entity {
	color: hsl(220, 14%, 71%);
}

.dark .md .token.attr-name,
.dark .md .token.class-name,
.dark .md .token.boolean,
.dark .md .token.constant,
.dark .md .token.number,
.dark .md .token.atrule {
	color: hsl(29, 54%, 61%);
}

.dark .md .token.keyword {
	color: hsl(286, 60%, 67%);
}

.dark .md .token.property,
.dark .md .token.tag,
.dark .md .token.symbol,
.dark .md .token.deleted,
.dark .md .token.important {
	color: hsl(355, 65%, 65%);
}

.dark .md .token.selector,
.dark .md .token.string,
.dark .md .token.char,
.dark .md .token.builtin,
.dark .md .token.inserted,
.dark .md .token.regex,
.dark .md .token.attr-value,
.dark .md .token.attr-value > .token.punctuation {
	color: hsl(95, 38%, 62%);
}

.dark .md .token.variable,
.dark .md .token.operator,
.dark .md .token.function {
	color: hsl(207, 82%, 66%);
}

.dark .md .token.url {
	color: hsl(187, 47%, 55%);
}
.header.svelte-1mlh4di.svelte-1mlh4di{display:flex;justify-content:space-between;align-items:center;padding:0.7rem 1rem;border-bottom:1px solid var(--table-border-color)}.title.svelte-1mlh4di.svelte-1mlh4di{font-size:var(--scale-0);font-weight:600;color:var(--body-text-color)}.toggle-all.svelte-1mlh4di.svelte-1mlh4di{background:none;border:none;cursor:pointer;padding:0;color:var(--body-text-color);font-size:0.7em;line-height:1;opacity:0.7;transition:opacity 0.2s ease,
			transform 0.3s ease}.toggle-all.svelte-1mlh4di.svelte-1mlh4di:hover{opacity:1}.wrap[data-all-open="true"] .toggle-all.svelte-1mlh4di.svelte-1mlh4di{transform:rotate(180deg)}.default.svelte-1mlh4di pre,.default.svelte-1mlh4di .highlight{display:inline-block}.wrap.svelte-1mlh4di pre,.wrap.svelte-1mlh4di .highlight{margin:0 !important;background:transparent !important;font-family:var(--font-mono);font-weight:400;padding:0 !important}.wrap.svelte-1mlh4di pre a{color:var(--link-text-color-hover);text-decoration:underline}.wrap.svelte-1mlh4di pre a:hover{color:var(--link-text-color-hover)}.default.svelte-1mlh4di>span.svelte-1mlh4di{text-transform:uppercase;font-size:0.7rem;font-weight:600}.default.svelte-1mlh4di>code.svelte-1mlh4di{border:none}code.svelte-1mlh4di.svelte-1mlh4di{background:none;font-family:var(--font-mono)}.wrap.svelte-1mlh4di.svelte-1mlh4di{padding:0rem;border-radius:5px;border:1px solid #eee;overflow:hidden;position:relative;margin:0;box-shadow:var(--block-shadow);border-width:var(--block-border-width);border-color:var(--block-border-color);border-radius:var(--block-radius);width:100%;line-height:var(--line-sm);color:var(--body-text-color)}.type.svelte-1mlh4di.svelte-1mlh4di{position:relative;padding:0.7rem 1rem;padding-left:2rem;background:var(--table-odd-background-fill);border-bottom:0px solid var(--table-border-color);list-style:none}.type.svelte-1mlh4di.svelte-1mlh4di::after{content:"â–¼";position:absolute;top:50%;right:15px;transform:translateY(-50%);transition:transform 0.3s ease;font-size:0.7em;opacity:0.7}details[open].svelte-1mlh4di .type.svelte-1mlh4di::after{transform:translateY(-50%) rotate(180deg)}.default.svelte-1mlh4di.svelte-1mlh4di{padding:0.2rem 1rem 0.3rem 1rem;border-bottom:1px solid var(--table-border-color);background:var(--block-background-fill)}.default.last.svelte-1mlh4di.svelte-1mlh4di{border-bottom:none}.description.svelte-1mlh4di.svelte-1mlh4di{padding:0.7rem 1rem;font-size:var(--scale-00);font-family:var(--font-sans);background:var(--block-background-fill)}.param.svelte-1mlh4di.svelte-1mlh4di{border-bottom:1px solid var(--table-border-color)}.param.svelte-1mlh4di.svelte-1mlh4di:last-child{border-bottom:none}details[open].svelte-1mlh4di .type.svelte-1mlh4di{border-bottom-width:1px}.param.md.svelte-1mlh4di code.svelte-1mlh4di{background:none}details.svelte-1mlh4di>summary.svelte-1mlh4di{cursor:pointer}details.svelte-1mlh4di>summary.svelte-1mlh4di::-webkit-details-marker{display:none}.param-link.svelte-1mlh4di.svelte-1mlh4di{opacity:0;position:absolute;left:8px;top:50%;transform:translateY(-50%);transition:opacity 0.2s;color:var(--body-text-color);text-decoration:none}.link-icon.svelte-1mlh4di.svelte-1mlh4di{font-size:14px}.type.svelte-1mlh4di:hover .param-link.svelte-1mlh4di{opacity:0.7}.param-link.svelte-1mlh4di.svelte-1mlh4di:hover{opacity:1 !important}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/BokehPlot.DX04T7W4.css


.gradio-bokeh.svelte-1rhu6ax{display:flex;justify-content:center}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/AltairPlot.O7q90H0e.css


.altair.svelte-1qhqpn7 canvas{padding:6px}.altair.svelte-1qhqpn7 .vega-embed{padding:0px !important}.altair.svelte-1qhqpn7 .vega-actions{right:0px !important}.layout.svelte-1qhqpn7{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--size-full);height:var(--size-full);color:var(--body-text-color)}.altair.svelte-1qhqpn7{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--size-full);height:var(--size-full)}.caption.svelte-1qhqpn7{font-size:var(--text-sm);margin-bottom:6px}#vg-tooltip-element{font-family:var(--font) !important;font-size:var(--text-xs) !important;box-shadow:none !important;background-color:var(--block-background-fill) !important;border:1px solid var(--border-color-primary) !important;color:var(--body-text-color) !important}#vg-tooltip-element .key{color:var(--body-text-color-subdued) !important}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/MatplotlibPlot.BHPTlvkw.css


.layout.svelte-j1jcu3.svelte-j1jcu3{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--size-full);height:var(--size-full);color:var(--body-text-color)}.matplotlib.svelte-j1jcu3 img.svelte-j1jcu3{object-fit:contain}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.CtfAM2fe.css


label.svelte-1bx8sav.svelte-1bx8sav.svelte-1bx8sav{display:flex;align-items:center;transition:var(--button-transition);cursor:pointer;box-shadow:var(--checkbox-label-shadow);border:var(--checkbox-label-border-width) solid
			var(--checkbox-label-border-color);border-radius:var(--checkbox-border-radius);background:var(--checkbox-label-background-fill);padding:var(--checkbox-label-padding);color:var(--checkbox-label-text-color);font-weight:var(--checkbox-label-text-weight);font-size:var(--checkbox-label-text-size);line-height:var(--line-md)}label.svelte-1bx8sav.svelte-1bx8sav.svelte-1bx8sav:hover{background:var(--checkbox-label-background-fill-hover)}label.svelte-1bx8sav.svelte-1bx8sav.svelte-1bx8sav:focus{background:var(--checkbox-label-background-fill-focus)}label.selected.svelte-1bx8sav.svelte-1bx8sav.svelte-1bx8sav{background:var(--checkbox-label-background-fill-selected);color:var(--checkbox-label-text-color-selected);border-color:var(--checkbox-label-border-color-selected)}label.svelte-1bx8sav>.svelte-1bx8sav+.svelte-1bx8sav{margin-left:var(--size-2)}label.rtl.svelte-1bx8sav>.svelte-1bx8sav+.svelte-1bx8sav{margin-left:0;margin-right:var(--size-2)}input.svelte-1bx8sav.svelte-1bx8sav.svelte-1bx8sav{--ring-color:transparent;position:relative;box-shadow:var(--checkbox-shadow);border:var(--checkbox-border-width) solid var(--checkbox-border-color);border-radius:var(--radius-full);background-color:var(--checkbox-background-color);line-height:var(--line-sm)}input.svelte-1bx8sav.svelte-1bx8sav.svelte-1bx8sav:checked,input.svelte-1bx8sav.svelte-1bx8sav.svelte-1bx8sav:checked:hover{border-color:var(--checkbox-border-color-selected);background-image:var(--radio-circle);background-color:var(--checkbox-background-color-selected)}input.svelte-1bx8sav.svelte-1bx8sav.svelte-1bx8sav:checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;background-color:white}input.svelte-1bx8sav.svelte-1bx8sav.svelte-1bx8sav:hover{border-color:var(--checkbox-border-color-hover);background-color:var(--checkbox-background-color-hover)}input.svelte-1bx8sav.svelte-1bx8sav.svelte-1bx8sav:focus{border-color:var(--checkbox-border-color-focus);background-color:var(--checkbox-background-color-focus)}input.svelte-1bx8sav.svelte-1bx8sav.svelte-1bx8sav:checked:focus{border-color:var(--checkbox-border-color-focus);background-image:var(--radio-circle);background-color:var(--checkbox-background-color-selected)}input[disabled].svelte-1bx8sav.svelte-1bx8sav.svelte-1bx8sav,.disabled.svelte-1bx8sav.svelte-1bx8sav.svelte-1bx8sav{cursor:not-allowed}.wrap.svelte-1kzox3m{display:flex;flex-wrap:wrap;gap:var(--checkbox-label-gap)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.DkCAkcCn.css


div.svelte-1xp0cw7{display:flex;flex-wrap:wrap;gap:var(--layout-gap);width:var(--size-full);position:relative}.hide.svelte-1xp0cw7{display:none}.compact.svelte-1xp0cw7>*,.compact.svelte-1xp0cw7 .box{border-radius:0}.compact.svelte-1xp0cw7,.panel.svelte-1xp0cw7{border-radius:var(--container-radius);background:var(--background-fill-secondary);padding:var(--size-2)}.unequal-height.svelte-1xp0cw7{align-items:flex-start}.stretch.svelte-1xp0cw7{align-items:stretch}.stretch.svelte-1xp0cw7>.column > *,.stretch.svelte-1xp0cw7>.column > .form > *{flex-grow:1;flex-shrink:0}div.svelte-1xp0cw7>*,div.svelte-1xp0cw7>.form > *{flex:1 1 0%;flex-wrap:wrap;min-width:min(160px, 100%)}.grow-children.svelte-1xp0cw7>.column{align-self:stretch}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.D1fjj7sV.css


@media(max-width: 768px){.sidebar.svelte-y4v1h1.svelte-y4v1h1{width:100vw !important}.sidebar.svelte-y4v1h1.svelte-y4v1h1:not(.right){left:-100vw !important}.sidebar.right.svelte-y4v1h1.svelte-y4v1h1{right:-100vw !important}.sidebar.svelte-y4v1h1.svelte-y4v1h1:not(.reduce-motion){transition:transform 0.3s ease-in-out !important}.sidebar-parent{padding-left:0 !important;padding-right:0 !important}.sidebar-parent:has(.sidebar.open){padding-left:0 !important;padding-right:0 !important}.sidebar.open.svelte-y4v1h1.svelte-y4v1h1{z-index:1001 !important}}.sidebar-parent{display:flex !important;padding-left:0;padding-right:0}.sidebar-parent:not(.reduce-motion){transition:padding-left 0.3s ease-in-out,
			padding-right 0.3s ease-in-out}.sidebar-parent:has(.sidebar.open:not(.right)){padding-left:var(--overlap-amount)}.sidebar-parent:has(.sidebar.open.right){padding-right:var(--overlap-amount)}.sidebar.svelte-y4v1h1.svelte-y4v1h1{display:flex;flex-direction:column;position:fixed;top:0;height:100%;background-color:var(--background-fill-secondary);transform:translateX(0%);z-index:1000}.sidebar.svelte-y4v1h1.svelte-y4v1h1:not(.reduce-motion){transition:transform 0.3s ease-in-out}.sidebar.open.svelte-y4v1h1.svelte-y4v1h1:not(.right){transform:translateX(100%);box-shadow:var(--size-1) 0 var(--size-2) rgba(100, 89, 89, 0.1)}.sidebar.open.right.svelte-y4v1h1.svelte-y4v1h1{transform:translateX(-100%);box-shadow:calc(var(--size-1) * -1) 0 var(--size-2) rgba(100, 89, 89, 0.1)}.toggle-button.svelte-y4v1h1.svelte-y4v1h1{position:absolute;top:var(--size-4);background:none;border:none;cursor:pointer;padding:var(--size-2);display:flex;align-items:center;justify-content:center;width:var(--size-8);height:var(--size-8);z-index:1001}.toggle-button.svelte-y4v1h1.svelte-y4v1h1:not(.reduce-motion){transition:all 0.3s ease-in-out}.sidebar.svelte-y4v1h1:not(.right) .toggle-button.svelte-y4v1h1{right:calc(var(--size-8) * -1)}.sidebar.right.svelte-y4v1h1 .toggle-button.svelte-y4v1h1{left:calc(var(--size-8) * -1);transform:rotate(180deg)}.open.svelte-y4v1h1:not(.right) .toggle-button.svelte-y4v1h1{right:var(--size-2-5);transform:rotate(180deg)}.open.right.svelte-y4v1h1 .toggle-button.svelte-y4v1h1{left:auto;right:var(--size-2-5);transform:rotate(0deg)}.chevron.svelte-y4v1h1.svelte-y4v1h1{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.chevron-left.svelte-y4v1h1.svelte-y4v1h1{position:relative;width:var(--size-3);height:var(--size-3);border-top:var(--size-0-5) solid var(--button-secondary-text-color);border-right:var(--size-0-5) solid var(--button-secondary-text-color);transform:rotate(45deg)}.sidebar-content.svelte-y4v1h1.svelte-y4v1h1{padding:var(--size-5);padding-right:var(--size-8);overflow-y:auto}.sidebar.right.svelte-y4v1h1 .sidebar-content.svelte-y4v1h1{padding-left:var(--size-8)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.wM6rO3rF.css


.sketchbox.svelte-1ccw3kh.svelte-1ccw3kh{position:inherit;display:flex;flex-direction:inherit;align-items:inherit;min-height:32px}.sketchbox.svelte-1ccw3kh.svelte-1ccw3kh:not(.function_mode){cursor:pointer}.function_mode.svelte-1ccw3kh .cover.svelte-1ccw3kh{background-color:color-mix(
			in srgb,
			var(--background-fill-primary),
			transparent 80%
		)}.row.svelte-1ccw3kh>*,.row.svelte-1ccw3kh>.form,.row.svelte-1ccw3kh>.form > *{flex-grow:1 !important}.interaction.svelte-1ccw3kh.svelte-1ccw3kh{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.cover.svelte-1ccw3kh.svelte-1ccw3kh{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}.interaction.svelte-1ccw3kh.svelte-1ccw3kh:hover,.active.svelte-1ccw3kh .interaction.svelte-1ccw3kh{border-color:var(--body-text-color);border-width:1px;border-radius:var(--block-radius)}.active.function_mode.svelte-1ccw3kh .interaction.svelte-1ccw3kh{border-color:var(--color-accent);border-width:2px}.interaction.svelte-1ccw3kh:hover .add.svelte-1ccw3kh,.interaction.svelte-1ccw3kh:hover .action.svelte-1ccw3kh{display:flex}button.svelte-1ccw3kh.svelte-1ccw3kh{border-color:var(--body-text-color);border-width:1px;background-color:var(--button-secondary-background-fill);justify-content:center;align-items:center;font-weight:bold}.add.svelte-1ccw3kh.svelte-1ccw3kh,.action.svelte-1ccw3kh.svelte-1ccw3kh{display:none;position:absolute}.action.svelte-1ccw3kh.svelte-1ccw3kh{border-radius:15px;width:30px;height:30px}.add.svelte-1ccw3kh.svelte-1ccw3kh{border-radius:10px;width:20px;height:20px}.function.svelte-1ccw3kh.svelte-1ccw3kh{border-radius:15px;padding:4px 8px;font-size:10px}.function.selected.svelte-1ccw3kh.svelte-1ccw3kh{color:white}.input.selected.svelte-1ccw3kh.svelte-1ccw3kh{background-color:oklch(0.707 0.165 254.624);border-color:oklch(0.707 0.165 254.624)}.output.selected.svelte-1ccw3kh.svelte-1ccw3kh{background-color:oklch(0.712 0.194 13.428);border-color:oklch(0.712 0.194 13.428)}.event.selected.svelte-1ccw3kh.svelte-1ccw3kh{background-color:oklch(0.702 0.183 293.541);border-color:oklch(0.702 0.183 293.541)}button.svelte-1ccw3kh.svelte-1ccw3kh:hover{background-color:var(--button-secondary-background-fill-hover)}.up.svelte-1ccw3kh.svelte-1ccw3kh{top:-10px;left:50%;transform:translate(-50%, 0);width:80%}.left.svelte-1ccw3kh.svelte-1ccw3kh{top:50%;left:-10px;transform:translate(0, -50%);height:80%}.right.svelte-1ccw3kh.svelte-1ccw3kh{top:50%;right:-10px;transform:translate(0, -50%);height:80%}.down.svelte-1ccw3kh.svelte-1ccw3kh{bottom:-10px;left:50%;transform:translate(-50%, 0);width:80%}.modify.svelte-1ccw3kh.svelte-1ccw3kh{top:50%;left:50%;transform:translate(calc(-50% - 20px), -50%)}.delete.svelte-1ccw3kh.svelte-1ccw3kh{top:50%;left:50%;transform:translate(calc(-50% + 20px), -50%)}.button-set.svelte-1ccw3kh.svelte-1ccw3kh{display:flex;gap:8px;justify-content:center;align-items:center;height:100%;flex-wrap:wrap;padding:0 30px}.component-name.svelte-1ccw3kh.svelte-1ccw3kh{background:var(--block-background-fill);border:var(--block-border-color) var(--block-border-width) solid;border-radius:var(--block-radius);height:100%;display:flex;align-items:center;justify-content:center}.component-name.svelte-1ccw3kh span.svelte-1ccw3kh{color:var(--body-text-color-subdued);font-style:italic}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.aP12nkUD.css


.wrap.svelte-10lj3xl.svelte-10lj3xl{display:flex;flex-direction:column;width:100%}.head.svelte-10lj3xl.svelte-10lj3xl{margin-bottom:var(--size-2);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.slider_input_container.svelte-10lj3xl.svelte-10lj3xl{display:flex;align-items:center;gap:var(--size-2)}input[type="range"].svelte-10lj3xl.svelte-10lj3xl{-webkit-appearance:none;appearance:none;width:100%;cursor:pointer;outline:none;border-radius:var(--radius-xl);min-width:var(--size-28);background:transparent}input[type="range"].svelte-10lj3xl.svelte-10lj3xl::-webkit-slider-runnable-track{height:var(--size-2);background:var(--neutral-200);border-radius:var(--radius-xl)}input[type="range"].svelte-10lj3xl.svelte-10lj3xl::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:var(--size-4);width:var(--size-4);background-color:white;border-radius:50%;margin-top:-5px;box-shadow:0 0 0 1px rgba(247, 246, 246, 0.739),
			1px 1px 4px rgba(0, 0, 0, 0.1)}input[type="range"].svelte-10lj3xl.svelte-10lj3xl::-webkit-slider-runnable-track{background:linear-gradient(
			to right,
			var(--slider-color) var(--range_progress),
			var(--neutral-200) var(--range_progress)
		)}input[type="range"].svelte-10lj3xl.svelte-10lj3xl::-moz-range-track{height:var(--size-2);background:var(--neutral-200);border-radius:var(--radius-xl)}input[type="range"].svelte-10lj3xl.svelte-10lj3xl::-moz-range-thumb{appearance:none;height:var(--size-4);width:var(--size-4);background-color:white;border-radius:50%;border:none;margin-top:calc(-1 * (var(--size-4) - var(--size-2)) / 2);box-shadow:0 0 0 1px rgba(247, 246, 246, 0.739),
			1px 1px 4px rgba(0, 0, 0, 0.1)}input[type="range"].svelte-10lj3xl.svelte-10lj3xl::-moz-range-progress{height:var(--size-2);background-color:var(--slider-color);border-radius:var(--radius-xl)}input[type="number"].svelte-10lj3xl.svelte-10lj3xl{display:block;outline:none;border:1px solid var(--input-border-color);border-radius:var(--radius-sm);background:var(--input-background-fill);padding:var(--size-2) var(--size-3);height:var(--size-8);color:var(--body-text-color);font-size:var(--input-text-size);line-height:var(--line-sm);text-align:center;min-width:var(--size-16);transition:border-color 0.15s ease-in-out}input[type="number"].svelte-10lj3xl.svelte-10lj3xl:focus{box-shadow:none;border-width:2px}input.svelte-10lj3xl.svelte-10lj3xl:disabled,input[disabled].svelte-10lj3xl.svelte-10lj3xl{-webkit-text-fill-color:var(--body-text-color);opacity:1;cursor:not-allowed}input.svelte-10lj3xl.svelte-10lj3xl::placeholder{color:var(--input-placeholder-color)}input[type="range"][disabled].svelte-10lj3xl.svelte-10lj3xl{opacity:0.6}input[type="range"][disabled].svelte-10lj3xl.svelte-10lj3xl::-webkit-slider-thumb,input[type="range"][disabled].svelte-10lj3xl.svelte-10lj3xl::-moz-range-thumb,input[type="range"][disabled].svelte-10lj3xl.svelte-10lj3xl::-ms-thumb,input[type="range"][disabled].svelte-10lj3xl.svelte-10lj3xl::-webkit-slider-thumb:hover,input[type="range"][disabled].svelte-10lj3xl.svelte-10lj3xl::-moz-range-thumb:hover,input[type="range"][disabled].svelte-10lj3xl.svelte-10lj3xl::-moz-range-track:hover{background-color:var(--body-text-color-subdued);cursor:not-allowed}.min_value.svelte-10lj3xl.svelte-10lj3xl,.max_value.svelte-10lj3xl.svelte-10lj3xl{font-size:var(--text-sm);color:var(--body-text-color-subdued)}.min_value.svelte-10lj3xl.svelte-10lj3xl{margin-right:var(--size-0-5)}.max_value.svelte-10lj3xl.svelte-10lj3xl{margin-left:var(--size-0-5);margin-right:var(--size-0-5)}@media(max-width: 480px){.min_value.svelte-10lj3xl.svelte-10lj3xl,.max_value.svelte-10lj3xl.svelte-10lj3xl{display:none}}@media(max-width: 420px){.head.svelte-10lj3xl .tab-like-container.svelte-10lj3xl{margin-bottom:var(--size-4)}}.tab-like-container.svelte-10lj3xl.svelte-10lj3xl{display:flex;align-items:stretch;border:1px solid var(--input-border-color);border-radius:var(--radius-sm);overflow:hidden;height:var(--size-6)}input[type="number"].svelte-10lj3xl.svelte-10lj3xl{border:none;border-radius:0;padding:var(--size-1) var(--size-2);height:100%;min-width:var(--size-14);font-size:var(--text-sm)}input[type="number"].svelte-10lj3xl.svelte-10lj3xl:focus{box-shadow:inset 0 0 0 1px var(--color-accent);border-radius:3px 0 0px 3px}.reset-button.svelte-10lj3xl.svelte-10lj3xl{display:flex;align-items:center;justify-content:center;background:none;border:none;border-left:1px solid var(--input-border-color);cursor:pointer;font-size:var(--text-sm);color:var(--body-text-color);padding:0 var(--size-2);min-width:var(--size-6);transition:background-color 0.15s ease-in-out}.reset-button.svelte-10lj3xl.svelte-10lj3xl:hover:not(:disabled){background-color:var(--background-fill-secondary)}.reset-button.svelte-10lj3xl.svelte-10lj3xl:disabled{opacity:0.5;cursor:not-allowed}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.C9PV3Ok0.css


div.svelte-wv8on1{display:flex;flex-direction:column;position:relative;border:none;border-radius:var(--radius-sm);padding:var(--block-padding);width:100%;box-sizing:border-box}.grow-children.svelte-wv8on1>.column > .column{flex-grow:1}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Tabs.ColxKYED.css


.tabs.svelte-1tcem6n.svelte-1tcem6n{position:relative;display:flex;flex-direction:column;gap:var(--layout-gap)}.hide.svelte-1tcem6n.svelte-1tcem6n{display:none}.tab-wrapper.svelte-1tcem6n.svelte-1tcem6n{display:flex;align-items:center;justify-content:space-between;position:relative;height:var(--size-8);padding-bottom:var(--size-2)}.tab-container.svelte-1tcem6n.svelte-1tcem6n{display:flex;align-items:center;width:100%;position:relative;overflow:hidden;height:var(--size-8)}.tab-container.svelte-1tcem6n.svelte-1tcem6n::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--border-color-primary)}.overflow-menu.svelte-1tcem6n.svelte-1tcem6n{flex-shrink:0;margin-left:var(--size-2)}button.svelte-1tcem6n.svelte-1tcem6n{margin-bottom:0;border:none;border-radius:0;padding:0 var(--size-4);color:var(--body-text-color);font-weight:var(--section-header-text-weight);font-size:var(--section-header-text-size);transition:background-color color 0.2s ease-out;background-color:transparent;height:100%;display:flex;align-items:center;white-space:nowrap;position:relative}button.svelte-1tcem6n.svelte-1tcem6n:disabled{opacity:0.5;cursor:not-allowed}button.svelte-1tcem6n.svelte-1tcem6n:hover:not(:disabled):not(.selected){background-color:var(--background-fill-secondary);color:var(--body-text-color)}.selected.svelte-1tcem6n.svelte-1tcem6n{background-color:transparent;color:var(--color-accent);position:relative}.selected.svelte-1tcem6n.svelte-1tcem6n::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-accent);animation:svelte-1tcem6n-fade-grow 0.2s ease-out forwards;transform-origin:center;z-index:1}@keyframes svelte-1tcem6n-fade-grow{from{opacity:0;transform:scaleX(0.8)}to{opacity:1;transform:scaleX(1)}}.overflow-dropdown.svelte-1tcem6n.svelte-1tcem6n{position:absolute;top:calc(100% + var(--size-2));right:0;background-color:var(--background-fill-primary);border:1px solid var(--border-color-primary);border-radius:var(--radius-sm);z-index:var(--layer-5);box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);padding:var(--size-2);min-width:150px;width:max-content}.overflow-dropdown.svelte-1tcem6n button.svelte-1tcem6n{display:block;width:100%;text-align:left;padding:var(--size-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-menu.svelte-1tcem6n>button.svelte-1tcem6n{padding:var(--size-1) var(--size-2);min-width:auto;border:1px solid var(--border-color-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.overflow-menu.svelte-1tcem6n>button.svelte-1tcem6n:hover{background-color:var(--background-fill-secondary)}.overflow-menu.svelte-1tcem6n svg{width:16px;height:16px}.overflow-item-selected.svelte-1tcem6n svg{color:var(--color-accent)}.visually-hidden.svelte-1tcem6n.svelte-1tcem6n{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.CzHwIWu3.css


.hide.svelte-1rvxzzt{display:none}.button-icon.svelte-1rvxzzt{width:var(--text-xl);height:var(--text-xl);margin-right:var(--spacing-xl)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/VideoPreview.D43CLM8T.css


.load-wrap.svelte-10c4beq{display:flex;justify-content:center;align-items:center;height:100%}.loader.svelte-10c4beq{display:flex;position:relative;background-color:var(--border-color-accent-subdued);animation:svelte-10c4beq-shadowPulse 2s linear infinite;box-shadow:-24px 0 var(--border-color-accent-subdued),
			24px 0 var(--border-color-accent-subdued);margin:var(--spacing-md);border-radius:50%;width:10px;height:10px;scale:0.5}@keyframes svelte-10c4beq-shadowPulse{33%{box-shadow:-24px 0 var(--border-color-accent-subdued),
				24px 0 #fff;background:#fff}66%{box-shadow:-24px 0 #fff,
				24px 0 #fff;background:var(--border-color-accent-subdued)}100%{box-shadow:-24px 0 #fff,
				24px 0 var(--border-color-accent-subdued);background:#fff}}.container.svelte-10c4beq{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:var(--spacing-lg) var(--spacing-lg) 0 var(--spacing-lg)}#timeline.svelte-10c4beq{display:flex;height:var(--size-10);flex:1;position:relative}img.svelte-10c4beq{flex:1 1 auto;min-width:0;object-fit:cover;height:var(--size-12);border:1px solid var(--block-border-color);user-select:none;z-index:1}.handle.svelte-10c4beq{width:3px;background-color:var(--color-accent);cursor:ew-resize;height:var(--size-12);z-index:3;position:absolute}.opaque-layer.svelte-10c4beq{background-color:rgba(230, 103, 40, 0.25);border:1px solid var(--color-accent);height:var(--size-12);position:absolute;z-index:2}.container.svelte-7yrr5f.svelte-7yrr5f{width:100%}time.svelte-7yrr5f.svelte-7yrr5f{color:var(--color-accent);font-weight:bold;padding-left:var(--spacing-xs)}.timeline-wrapper.svelte-7yrr5f.svelte-7yrr5f{display:flex;align-items:center;justify-content:center;width:100%}.text-button.svelte-7yrr5f.svelte-7yrr5f{border:1px solid var(--neutral-400);border-radius:var(--radius-sm);font-weight:300;font-size:var(--size-3);text-align:center;color:var(--neutral-400);height:var(--size-5);font-weight:bold;padding:0 5px;margin-left:5px}.text-button.svelte-7yrr5f.svelte-7yrr5f:hover,.text-button.svelte-7yrr5f.svelte-7yrr5f:focus{color:var(--color-accent);border-color:var(--color-accent)}.controls.svelte-7yrr5f.svelte-7yrr5f{display:flex;justify-content:space-between;align-items:center;margin:var(--spacing-lg);overflow:hidden}.edit-buttons.svelte-7yrr5f.svelte-7yrr5f{display:flex;gap:var(--spacing-sm)}@media(max-width: 320px){.controls.svelte-7yrr5f.svelte-7yrr5f{flex-direction:column;align-items:flex-start}.edit-buttons.svelte-7yrr5f.svelte-7yrr5f{margin-top:var(--spacing-sm)}.controls.svelte-7yrr5f .svelte-7yrr5f{margin:var(--spacing-sm)}.controls.svelte-7yrr5f .text-button.svelte-7yrr5f{margin-left:0}}.container.svelte-7yrr5f.svelte-7yrr5f{display:flex;flex-direction:column}.hidden.svelte-7yrr5f.svelte-7yrr5f{display:none}span.svelte-euo1cw.svelte-euo1cw{text-shadow:0 0 8px rgba(0, 0, 0, 0.5)}progress.svelte-euo1cw.svelte-euo1cw{margin-right:var(--size-3);border-radius:var(--radius-sm);width:var(--size-full);height:var(--size-2)}progress.svelte-euo1cw.svelte-euo1cw::-webkit-progress-bar{border-radius:2px;background-color:rgba(255, 255, 255, 0.2);overflow:hidden}progress.svelte-euo1cw.svelte-euo1cw::-webkit-progress-value{background-color:rgba(255, 255, 255, 0.9)}.mirror.svelte-euo1cw.svelte-euo1cw{transform:scaleX(-1)}.mirror-wrap.svelte-euo1cw.svelte-euo1cw{position:relative;height:100%;width:100%}.controls.svelte-euo1cw.svelte-euo1cw{position:absolute;bottom:0;opacity:0;transition:500ms;margin:var(--size-2);border-radius:var(--radius-md);background:var(--color-grey-800);padding:var(--size-2) var(--size-1);width:calc(100% - 0.375rem * 2);width:calc(100% - var(--size-2) * 2)}.wrap.svelte-euo1cw:hover .controls.svelte-euo1cw{opacity:1}.inner.svelte-euo1cw.svelte-euo1cw{display:flex;justify-content:space-between;align-items:center;padding-right:var(--size-2);padding-left:var(--size-2);width:var(--size-full);height:var(--size-full)}.icon.svelte-euo1cw.svelte-euo1cw{display:flex;justify-content:center;cursor:pointer;width:var(--size-6);color:white}.time.svelte-euo1cw.svelte-euo1cw{flex-shrink:0;margin-right:var(--size-3);margin-left:var(--size-3);color:white;font-size:var(--text-sm);font-family:var(--font-mono)}.wrap.svelte-euo1cw.svelte-euo1cw{position:relative;background-color:var(--background-fill-secondary);height:var(--size-full);width:var(--size-full);border-radius:var(--radius-xl)}.wrap.svelte-euo1cw video{height:var(--size-full);width:var(--size-full)}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Example.DhjYx34x.css


.container.svelte-1de9zxs{flex:none;max-width:none}.container.svelte-1de9zxs video{width:var(--size-full);height:var(--size-full);object-fit:cover}.container.svelte-1de9zxs:hover,.container.selected.svelte-1de9zxs{border-color:var(--border-color-accent)}.container.table.svelte-1de9zxs{margin:0 auto;border:2px solid var(--border-color-primary);border-radius:var(--radius-lg);overflow:hidden;width:var(--size-20);height:var(--size-20);object-fit:cover}.container.gallery.svelte-1de9zxs{height:var(--size-20);max-height:var(--size-20);object-fit:cover}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/index.CY9spOiQ.css


.file-name.svelte-14jis2k{padding:var(--size-6);font-size:var(--text-xxl);word-break:break-all}.file-size.svelte-14jis2k{padding:var(--size-2);font-size:var(--text-xl)}.upload-container.svelte-14jis2k{height:100%;width:100%}.video-container.svelte-14jis2k{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}


https://yuntian-deng-chatgpt.hf.space/_app/immutable/assets/Index.DFgZ7vPU.css


.svelte-ei2xnu:where(._jsonList){list-style:none;margin:0;padding:0;padding-left:var(--jsonPaddingLeft, 1rem);border-left:var(--jsonBorderLeft, 1px dotted)}.svelte-ei2xnu:where(._jsonBkt){color:var(--jsonBracketColor, currentcolor)}.svelte-ei2xnu:where(._jsonBkt):not(.empty):hover{cursor:pointer;background:var(--jsonBracketHoverBackground, #e5e7eb)}.svelte-ei2xnu:where(._jsonSep){color:var(--jsonSeparatorColor, currentcolor)}.svelte-ei2xnu:where(._jsonKey){color:var(--jsonKeyColor, currentcolor)}.svelte-ei2xnu:where(._jsonVal){color:var(--jsonValColor, #9ca3af)}:where(._jsonVal).string.svelte-ei2xnu{color:var(--jsonValStringColor, #059669)}:where(._jsonVal).number.svelte-ei2xnu{color:var(--jsonValNumberColor, #d97706)}:where(._jsonVal).boolean.svelte-ei2xnu{color:var(--jsonValBooleanColor, #2563eb)}


https://yuntian-deng-chatgpt.hf.space/theme.css?v=1abdbfb34a084a2a012d99a3a1acf92200f777e0d12d3c1425fef0c90fa7a28a



@font-face {
    font-family: 'ui-sans-serif';
    src: url('static/fonts/ui-sans-serif/ui-sans-serif-Regular.woff2') format('woff2');
    font-weight: Regular;
    font-style: normal;
}


@font-face {
    font-family: 'ui-sans-serif';
    src: url('static/fonts/ui-sans-serif/ui-sans-serif-Bold.woff2') format('woff2');
    font-weight: Bold;
    font-style: normal;
}


@font-face {
    font-family: 'system-ui';
    src: url('static/fonts/system-ui/system-ui-Regular.woff2') format('woff2');
    font-weight: Regular;
    font-style: normal;
}


@font-face {
    font-family: 'system-ui';
    src: url('static/fonts/system-ui/system-ui-Bold.woff2') format('woff2');
    font-weight: Bold;
    font-style: normal;
}


@font-face {
    font-family: 'sans-serif';
    src: url('static/fonts/sans-serif/sans-serif-Regular.woff2') format('woff2');
    font-weight: Regular;
    font-style: normal;
}


@font-face {
    font-family: 'sans-serif';
    src: url('static/fonts/sans-serif/sans-serif-Bold.woff2') format('woff2');
    font-weight: Bold;
    font-style: normal;
}


@font-face {
    font-family: 'IBM Plex Mono';
    src: url('static/fonts/IBMPlexMono/IBMPlexMono-Regular.woff2') format('woff2');
    font-weight: Regular;
    font-style: normal;
}


@font-face {
    font-family: 'IBM Plex Mono';
    src: url('static/fonts/IBMPlexMono/IBMPlexMono-Bold.woff2') format('woff2');
    font-weight: Bold;
    font-style: normal;
}


@font-face {
    font-family: 'ui-monospace';
    src: url('static/fonts/ui-monospace/ui-monospace-Regular.woff2') format('woff2');
    font-weight: Regular;
    font-style: normal;
}


@font-face {
    font-family: 'ui-monospace';
    src: url('static/fonts/ui-monospace/ui-monospace-Bold.woff2') format('woff2');
    font-weight: Bold;
    font-style: normal;
}


@font-face {
    font-family: 'Consolas';
    src: url('static/fonts/Consolas/Consolas-Regular.woff2') format('woff2');
    font-weight: Regular;
    font-style: normal;
}


@font-face {
    font-family: 'Consolas';
    src: url('static/fonts/Consolas/Consolas-Bold.woff2') format('woff2');
    font-weight: Bold;
    font-style: normal;
}


@font-face {
    font-family: 'monospace';
    src: url('static/fonts/monospace/monospace-Regular.woff2') format('woff2');
    font-weight: Regular;
    font-style: normal;
}


@font-face {
    font-family: 'monospace';
    src: url('static/fonts/monospace/monospace-Bold.woff2') format('woff2');
    font-weight: Bold;
    font-style: normal;
}

:root {
  --name: default;
  --primary-50: #f0fdf4;
  --primary-100: #dcfce7;
  --primary-200: #bbf7d0;
  --primary-300: #86efac;
  --primary-400: #4ade80;
  --primary-500: #22c55e;
  --primary-600: #16a34a;
  --primary-700: #15803d;
  --primary-800: #166534;
  --primary-900: #14532d;
  --primary-950: #134e28;
  --secondary-50: #eff6ff;
  --secondary-100: #dbeafe;
  --secondary-200: #bfdbfe;
  --secondary-300: #93c5fd;
  --secondary-400: #60a5fa;
  --secondary-500: #3b82f6;
  --secondary-600: #2563eb;
  --secondary-700: #1d4ed8;
  --secondary-800: #1e40af;
  --secondary-900: #1e3a8a;
  --secondary-950: #1d3660;
  --neutral-50: #fafafa;
  --neutral-100: #f4f4f5;
  --neutral-200: #e4e4e7;
  --neutral-300: #d4d4d8;
  --neutral-400: #bbbbc2;
  --neutral-500: #71717a;
  --neutral-600: #52525b;
  --neutral-700: #3f3f46;
  --neutral-800: #27272a;
  --neutral-900: #18181b;
  --neutral-950: #0f0f11;
  --spacing-xxs: 1px;
  --spacing-xs: 2px;
  --spacing-sm: 4px;
  --spacing-md: 6px;
  --spacing-lg: 8px;
  --spacing-xl: 10px;
  --spacing-xxl: 16px;
  --radius-xxs: 1px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-xxl: 22px;
  --text-xxs: 9px;
  --text-xs: 10px;
  --text-sm: 12px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 22px;
  --text-xxl: 26px;
  --font: 'Source Sans Pro', 'ui-sans-serif', 'system-ui', sans-serif;
  --font-mono: 'IBM Plex Mono', 'ui-monospace', 'Consolas', monospace;
  --body-background-fill: var(--background-fill-primary);
  --body-text-color: var(--neutral-800);
  --body-text-size: var(--text-md);
  --body-text-weight: 400;
  --embed-radius: var(--radius-sm);
  --color-accent: var(--primary-500);
  --color-accent-soft: var(--primary-50);
  --background-fill-primary: white;
  --background-fill-secondary: var(--neutral-50);
  --border-color-accent: var(--primary-300);
  --border-color-primary: var(--neutral-200);
  --link-text-color: var(--secondary-600);
  --link-text-color-active: var(--secondary-600);
  --link-text-color-hover: var(--secondary-700);
  --link-text-color-visited: var(--secondary-500);
  --body-text-color-subdued: var(--neutral-400);
  --accordion-text-color: var(--body-text-color);
  --table-text-color: var(--body-text-color);
  --shadow-drop: rgba(0,0,0,0.05) 0px 1px 2px 0px;
  --shadow-drop-lg: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-inset: rgba(0,0,0,0.05) 0px 2px 4px 0px inset;
  --shadow-spread: 3px;
  --block-background-fill: var(--background-fill-primary);
  --block-border-color: var(--border-color-primary);
  --block-border-width: 1px;
  --block-info-text-color: var(--body-text-color-subdued);
  --block-info-text-size: var(--text-sm);
  --block-info-text-weight: 400;
  --block-label-background-fill: var(--background-fill-primary);
  --block-label-border-color: var(--border-color-primary);
  --block-label-border-width: 1px;
  --block-label-shadow: var(--block-shadow);
  --block-label-text-color: var(--neutral-500);
  --block-label-margin: 0;
  --block-label-padding: var(--spacing-sm) var(--spacing-lg);
  --block-label-radius: calc(var(--radius-sm) - 1px) 0 calc(var(--radius-sm) - 1px) 0;
  --block-label-right-radius: 0 calc(var(--radius-sm) - 1px) 0 calc(var(--radius-sm) - 1px);
  --block-label-text-size: var(--text-sm);
  --block-label-text-weight: 400;
  --block-padding: var(--spacing-xl) calc(var(--spacing-xl) + 2px);
  --block-radius: var(--radius-sm);
  --block-shadow: none;
  --block-title-background-fill: none;
  --block-title-border-color: none;
  --block-title-border-width: 0px;
  --block-title-text-color: var(--neutral-500);
  --block-title-padding: 0;
  --block-title-radius: none;
  --block-title-text-size: var(--text-md);
  --block-title-text-weight: 400;
  --container-radius: var(--radius-sm);
  --form-gap-width: 0px;
  --layout-gap: var(--spacing-xxl);
  --panel-background-fill: var(--background-fill-secondary);
  --panel-border-color: var(--border-color-primary);
  --panel-border-width: 0;
  --section-header-text-size: var(--text-md);
  --section-header-text-weight: 400;
  --border-color-accent-subdued: var(--primary-200);
  --code-background-fill: var(--neutral-100);
  --chatbot-text-size: var(--text-lg);
  --checkbox-background-color: var(--background-fill-primary);
  --checkbox-background-color-focus: var(--checkbox-background-color);
  --checkbox-background-color-hover: var(--checkbox-background-color);
  --checkbox-background-color-selected: var(--color-accent);
  --checkbox-border-color: var(--neutral-300);
  --checkbox-border-color-focus: var(--color-accent);
  --checkbox-border-color-hover: var(--neutral-300);
  --checkbox-border-color-selected: var(--color-accent);
  --checkbox-border-radius: var(--radius-sm);
  --checkbox-border-width: var(--input-border-width);
  --checkbox-label-background-fill: var(--background-fill-primary);
  --checkbox-label-background-fill-hover: var(--background-fill-secondary);
  --checkbox-label-background-fill-selected: var(--checkbox-label-background-fill);
  --checkbox-label-border-color: var(--border-color-primary);
  --checkbox-label-border-color-hover: var(--checkbox-label-border-color);
  --checkbox-label-border-color-selected: var(--checkbox-label-border-color);
  --checkbox-label-border-width: var(--input-border-width);
  --checkbox-label-gap: var(--spacing-lg);
  --checkbox-label-padding: var(--spacing-md) calc(2 * var(--spacing-md));
  --checkbox-label-shadow: none;
  --checkbox-label-text-size: var(--text-md);
  --checkbox-label-text-weight: 400;
  --checkbox-check: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  --radio-circle: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  --checkbox-shadow: var(--input-shadow);
  --checkbox-label-text-color: var(--body-text-color);
  --checkbox-label-text-color-selected: var(--checkbox-label-text-color);
  --error-background-fill: #fef2f2;
  --error-border-color: #b91c1c;
  --error-border-width: 1px;
  --error-text-color: #b91c1c;
  --error-icon-color: #b91c1c;
  --input-background-fill: white;
  --input-background-fill-focus: var(--input-background-fill);
  --input-background-fill-hover: var(--input-background-fill);
  --input-border-color: var(--border-color-primary);
  --input-border-color-focus: var(--secondary-300);
  --input-border-color-hover: var(--input-border-color);
  --input-border-width: 1px;
  --input-padding: var(--spacing-xl);
  --input-placeholder-color: var(--neutral-400);
  --input-radius: var(--radius-sm);
  --input-shadow: none;
  --input-shadow-focus: 0 0 0 var(--shadow-spread) var(--secondary-50), var(--shadow-inset);
  --input-text-size: var(--text-md);
  --input-text-weight: 400;
  --loader-color: var(--color-accent);
  --prose-text-size: var(--text-md);
  --prose-text-weight: 400;
  --prose-header-text-weight: 600;
  --slider-color: var(--color-accent);
  --stat-background-fill: linear-gradient(to right, var(--primary-400), var(--primary-200));
  --table-border-color: var(--neutral-300);
  --table-even-background-fill: white;
  --table-odd-background-fill: var(--neutral-50);
  --table-radius: var(--radius-sm);
  --table-row-focus: var(--color-accent-soft);
  --button-border-width: 0px;
  --button-cancel-background-fill: #ef4444;
  --button-cancel-background-fill-hover: #dc2626;
  --button-cancel-border-color: var(--button-secondary-border-color);
  --button-cancel-border-color-hover: var(--button-secondary-border-color-hover);
  --button-cancel-text-color: white;
  --button-cancel-text-color-hover: white;
  --button-transform-hover: none;
  --button-transform-active: none;
  --button-transition: all 0.2s ease;
  --button-large-padding: var(--spacing-lg) calc(2 * var(--spacing-lg));
  --button-large-radius: var(--radius-md);
  --button-large-text-size: var(--text-lg);
  --button-large-text-weight: 600;
  --button-primary-background-fill: var(--primary-500);
  --button-primary-background-fill-hover: var(--primary-600);
  --button-primary-border-color: var(--primary-500);
  --button-primary-border-color-hover: var(--primary-500);
  --button-primary-text-color: white;
  --button-primary-text-color-hover: var(--button-primary-text-color);
  --button-primary-shadow: none;
  --button-primary-shadow-hover: var(--button-primary-shadow);
  --button-primary-shadow-active: var(--button-primary-shadow);
  --button-secondary-background-fill: var(--neutral-200);
  --button-secondary-background-fill-hover: var(--neutral-300);
  --button-secondary-border-color: var(--neutral-200);
  --button-secondary-border-color-hover: var(--neutral-200);
  --button-secondary-text-color: black;
  --button-secondary-text-color-hover: var(--button-secondary-text-color);
  --button-secondary-shadow: var(--button-primary-shadow);
  --button-secondary-shadow-hover: var(--button-secondary-shadow);
  --button-secondary-shadow-active: var(--button-secondary-shadow);
  --button-small-padding: var(--spacing-sm) calc(1.5 * var(--spacing-sm));
  --button-small-radius: var(--radius-md);
  --button-small-text-size: var(--text-sm);
  --button-small-text-weight: 400;
  --button-medium-padding: var(--spacing-md) calc(2 * var(--spacing-md));
  --button-medium-radius: var(--radius-md);
  --button-medium-text-size: var(--text-md);
  --button-medium-text-weight: 600;
}

:root .dark {
  --body-background-fill: var(--background-fill-primary);
  --body-text-color: var(--neutral-100);
  --color-accent-soft: var(--neutral-700);
  --background-fill-primary: var(--neutral-950);
  --background-fill-secondary: var(--neutral-900);
  --border-color-accent: var(--neutral-600);
  --border-color-primary: var(--neutral-700);
  --link-text-color-active: var(--secondary-500);
  --link-text-color: var(--secondary-500);
  --link-text-color-hover: var(--secondary-400);
  --link-text-color-visited: var(--secondary-600);
  --body-text-color-subdued: var(--neutral-400);
  --accordion-text-color: var(--body-text-color);
  --table-text-color: var(--body-text-color);
  --shadow-spread: 1px;
  --block-background-fill: var(--neutral-800);
  --block-border-color: var(--border-color-primary);
  --block_border_width: None;
  --block-info-text-color: var(--body-text-color-subdued);
  --block-label-background-fill: var(--background-fill-secondary);
  --block-label-border-color: var(--border-color-primary);
  --block_label_border_width: None;
  --block-label-text-color: var(--neutral-200);
  --block_shadow: None;
  --block_title_background_fill: None;
  --block_title_border_color: None;
  --block_title_border_width: None;
  --block-title-text-color: var(--neutral-200);
  --panel-background-fill: var(--background-fill-secondary);
  --panel-border-color: var(--border-color-primary);
  --panel_border_width: None;
  --border-color-accent-subdued: var(--border-color-accent);
  --code-background-fill: var(--neutral-800);
  --checkbox-background-color: var(--neutral-800);
  --checkbox-background-color-focus: var(--checkbox-background-color);
  --checkbox-background-color-hover: var(--checkbox-background-color);
  --checkbox-background-color-selected: var(--color-accent);
  --checkbox-border-color: var(--neutral-700);
  --checkbox-border-color-focus: var(--color-accent);
  --checkbox-border-color-hover: var(--neutral-600);
  --checkbox-border-color-selected: var(--color-accent);
  --checkbox-border-width: var(--input-border-width);
  --checkbox-label-background-fill: var(--neutral-800);
  --checkbox-label-background-fill-hover: var(--checkbox-label-background-fill);
  --checkbox-label-background-fill-selected: var(--checkbox-label-background-fill);
  --checkbox-label-border-color: var(--border-color-primary);
  --checkbox-label-border-color-hover: var(--checkbox-label-border-color);
  --checkbox-label-border-color-selected: var(--checkbox-label-border-color);
  --checkbox-label-border-width: var(--input-border-width);
  --checkbox-label-text-color: var(--body-text-color);
  --checkbox-label-text-color-selected: var(--checkbox-label-text-color);
  --error-background-fill: var(--neutral-900);
  --error-border-color: #ef4444;
  --error_border_width: None;
  --error-text-color: #fef2f2;
  --error-icon-color: #ef4444;
  --input-background-fill: var(--neutral-800);
  --input_background_fill_focus: None;
  --input-background-fill-hover: var(--input-background-fill);
  --input-border-color: var(--border-color-primary);
  --input-border-color-focus: var(--neutral-700);
  --input-border-color-hover: var(--input-border-color);
  --input_border_width: None;
  --input-placeholder-color: var(--neutral-500);
  --input_shadow: None;
  --input-shadow-focus: 0 0 0 var(--shadow-spread) var(--neutral-700), var(--shadow-inset);
  --loader_color: None;
  --slider_color: None;
  --stat-background-fill: linear-gradient(to right, var(--primary-400), var(--primary-600));
  --table-border-color: var(--neutral-700);
  --table-even-background-fill: var(--neutral-950);
  --table-odd-background-fill: var(--neutral-900);
  --table-row-focus: var(--color-accent-soft);
  --button_border_width: None;
  --button-cancel-background-fill: #b91c1c;
  --button-cancel-background-fill-hover: #991b1b;
  --button-cancel-border-color: var(--button-secondary-border-color);
  --button-cancel-border-color-hover: var(--button-secondary-border-color-hover);
  --button-cancel-text-color: white;
  --button-cancel-text-color-hover: white;
  --button-primary-background-fill: var(--primary-600);
  --button-primary-background-fill-hover: var(--primary-700);
  --button-primary-border-color: var(--primary-600);
  --button-primary-border-color-hover: var(--primary-500);
  --button-primary-text-color: white;
  --button-primary-text-color-hover: var(--button-primary-text-color);
  --button_primary_shadow: None;
  --button-primary-shadow-hover: var(--button-primary-shadow);
  --button-primary-shadow-active: var(--button-primary-shadow);
  --button-secondary-background-fill: var(--neutral-600);
  --button-secondary-background-fill-hover: var(--neutral-700);
  --button-secondary-border-color: var(--neutral-600);
  --button-secondary-border-color-hover: var(--neutral-500);
  --button-secondary-text-color: white;
  --button-secondary-text-color-hover: var(--button-secondary-text-color);
  --button_secondary_shadow: None;
  --button-secondary-shadow-hover: var(--button-secondary-shadow);
  --button-secondary-shadow-active: var(--button-secondary-shadow);
  --name: default;
  --primary-50: #f0fdf4;
  --primary-100: #dcfce7;
  --primary-200: #bbf7d0;
  --primary-300: #86efac;
  --primary-400: #4ade80;
  --primary-500: #22c55e;
  --primary-600: #16a34a;
  --primary-700: #15803d;
  --primary-800: #166534;
  --primary-900: #14532d;
  --primary-950: #134e28;
  --secondary-50: #eff6ff;
  --secondary-100: #dbeafe;
  --secondary-200: #bfdbfe;
  --secondary-300: #93c5fd;
  --secondary-400: #60a5fa;
  --secondary-500: #3b82f6;
  --secondary-600: #2563eb;
  --secondary-700: #1d4ed8;
  --secondary-800: #1e40af;
  --secondary-900: #1e3a8a;
  --secondary-950: #1d3660;
  --neutral-50: #fafafa;
  --neutral-100: #f4f4f5;
  --neutral-200: #e4e4e7;
  --neutral-300: #d4d4d8;
  --neutral-400: #bbbbc2;
  --neutral-500: #71717a;
  --neutral-600: #52525b;
  --neutral-700: #3f3f46;
  --neutral-800: #27272a;
  --neutral-900: #18181b;
  --neutral-950: #0f0f11;
  --spacing-xxs: 1px;
  --spacing-xs: 2px;
  --spacing-sm: 4px;
  --spacing-md: 6px;
  --spacing-lg: 8px;
  --spacing-xl: 10px;
  --spacing-xxl: 16px;
  --radius-xxs: 1px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-xxl: 22px;
  --text-xxs: 9px;
  --text-xs: 10px;
  --text-sm: 12px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 22px;
  --text-xxl: 26px;
  --font: 'Source Sans Pro', 'ui-sans-serif', 'system-ui', sans-serif;
  --font-mono: 'IBM Plex Mono', 'ui-monospace', 'Consolas', monospace;
  --body-text-size: var(--text-md);
  --body-text-weight: 400;
  --embed-radius: var(--radius-sm);
  --color-accent: var(--primary-500);
  --shadow-drop: rgba(0,0,0,0.05) 0px 1px 2px 0px;
  --shadow-drop-lg: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-inset: rgba(0,0,0,0.05) 0px 2px 4px 0px inset;
  --block-border-width: 1px;
  --block-info-text-size: var(--text-sm);
  --block-info-text-weight: 400;
  --block-label-border-width: 1px;
  --block-label-shadow: var(--block-shadow);
  --block-label-margin: 0;
  --block-label-padding: var(--spacing-sm) var(--spacing-lg);
  --block-label-radius: calc(var(--radius-sm) - 1px) 0 calc(var(--radius-sm) - 1px) 0;
  --block-label-right-radius: 0 calc(var(--radius-sm) - 1px) 0 calc(var(--radius-sm) - 1px);
  --block-label-text-size: var(--text-sm);
  --block-label-text-weight: 400;
  --block-padding: var(--spacing-xl) calc(var(--spacing-xl) + 2px);
  --block-radius: var(--radius-sm);
  --block-shadow: none;
  --block-title-background-fill: none;
  --block-title-border-color: none;
  --block-title-border-width: 0px;
  --block-title-padding: 0;
  --block-title-radius: none;
  --block-title-text-size: var(--text-md);
  --block-title-text-weight: 400;
  --container-radius: var(--radius-sm);
  --form-gap-width: 0px;
  --layout-gap: var(--spacing-xxl);
  --panel-border-width: 0;
  --section-header-text-size: var(--text-md);
  --section-header-text-weight: 400;
  --chatbot-text-size: var(--text-lg);
  --checkbox-border-radius: var(--radius-sm);
  --checkbox-label-gap: var(--spacing-lg);
  --checkbox-label-padding: var(--spacing-md) calc(2 * var(--spacing-md));
  --checkbox-label-shadow: none;
  --checkbox-label-text-size: var(--text-md);
  --checkbox-label-text-weight: 400;
  --checkbox-check: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  --radio-circle: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  --checkbox-shadow: var(--input-shadow);
  --error-border-width: 1px;
  --input-background-fill-focus: var(--input-background-fill);
  --input-border-width: 1px;
  --input-padding: var(--spacing-xl);
  --input-radius: var(--radius-sm);
  --input-shadow: none;
  --input-text-size: var(--text-md);
  --input-text-weight: 400;
  --loader-color: var(--color-accent);
  --prose-text-size: var(--text-md);
  --prose-text-weight: 400;
  --prose-header-text-weight: 600;
  --slider-color: var(--color-accent);
  --table-radius: var(--radius-sm);
  --button-border-width: 0px;
  --button-transform-hover: none;
  --button-transform-active: none;
  --button-transition: all 0.2s ease;
  --button-large-padding: var(--spacing-lg) calc(2 * var(--spacing-lg));
  --button-large-radius: var(--radius-md);
  --button-large-text-size: var(--text-lg);
  --button-large-text-weight: 600;
  --button-primary-shadow: none;
  --button-secondary-shadow: var(--button-primary-shadow);
  --button-small-padding: var(--spacing-sm) calc(1.5 * var(--spacing-sm));
  --button-small-radius: var(--radius-md);
  --button-small-text-size: var(--text-sm);
  --button-small-text-weight: 400;
  --button-medium-padding: var(--spacing-md) calc(2 * var(--spacing-md));
  --button-medium-radius: var(--radius-md);
  --button-medium-text-size: var(--text-md);
  --button-medium-text-weight: 600;
}


<inline style sheet #1>


#col_container {
  margin-left: auto;
  margin-right: auto;
}
.gradio-container.gradio-container-5-25-1 .contain  #col_container  {
  margin-left: auto;
  margin-right: auto;
}
#chatbot {
  height: 520px;
  overflow: auto;
}
.gradio-container.gradio-container-5-25-1 .contain  #chatbot  {
  height: 520px;
  overflow: auto;
}



<inline style sheet #2>


.cls-1 {
				fill: none;
			}


```


""".






what you need to do is to properly adapt this userscript to this updated gradio chatgpt version. it is pretty much not much different but updated namespacings and structure has changed:


```


"""


// ==UserScript==
// @name         StylifyingInjectoid
// @version      1.16
// @description  Injects styles for Enhanced Chat with Status Bar and Auto-updating Counts
// @match        *://yuntian-deng-chatgpt.hf.space/*
// @match        *://yuntian-deng-o1mini.hf.space/*
// @match        *://yuntian-deng-chatgpt4.hf.space/*
// @match        *://yuntian-deng-o1.hf.space/*
// @grant        none
// ==/UserScript==

(function () {
    'use strict';

    const MAX_CHARS = 500000; // Maximum character limit for context length
    let totalMessages = 0; // Counter for total messages
    let totalChars = 0; // Preserve total character counts
    let totalWords = 0; // Preserve total word counts
    let isSelectingText = false; // State flag to determine if text is selected
    let overlay; // Overlay for actions

    // Function to inject custom CSS styles
    function injectStyles() {
        const link = document.createElement('link');
        link.rel = 'stylesheet';
        link.href = 'https://fonts.googleapis.com/css2?family=Cormorant+Garamond&display=swap';
        document.head.appendChild(link);

        const customStyles = `
            * {
                margin: 0 !important;
                padding: 0 !important;
                border: none !important;
                box-shadow: none !important;
                border-radius: 0 !important;
                --chatbot-body-text-size: 20px !important;
                color: #2c2a29 !important;
            }

            body, gradio-app, #col_container {
                display: flex !important;
                flex-direction: column !important;
                flex-grow: 1 !important;
                width: 100vw !important;
                height: 100vh !important;
                overflow: hidden !important;
                color: #333 !important; /* Dark gray for better readability */
            }

            #col_container {
                order: 1 !important;
                width: 100% !important;
            }

            #component-7 {
                order: 1 !important;
                width: 100% !important;
                display: flex !important;
                justify-content: center !important;
                opacity: 1 !important; /* Full opacity for clarity */
            }

            .form, #component-5 {
                order: 2 !important;
                width: 100% !important;
                display: flex !important;
                justify-content: center !important;
            }

            #chatbot {
                order: 3 !important;
                flex-grow: 1 !important;
                display: flex !important;
                flex-direction: column-reverse !important;
                width: 100% !important;
                overflow-y: auto !important;
                height: 100% !important;
            }

            input, textarea {
                width: 100% !important;
                resize: none !important;
                background: #1f1f1f !important; /* Dark gray/black background */
                color: #ffffff !important; /* White text for contrast */
                font-size: 18px !important;
                border: 1px solid #444 !important; /* Darker gray border */
                padding: 10px !important;
                scrollbar-width: auto !important;
                z-index: 1; /* Ensure it's above the background but below the overlay */
                position: relative;
            }

            .input-overlay {
                position: absolute;
                inset: 0;
                background: rgba(255, 255, 255, 0.5) !important; /* Slightly more transparent */
                pointer-events: none; /* Allow interaction with the input field */
                color: #000 !important; /* Black for overlay text */
                display: flex;
                justify-content: center;
                align-items: center;
                z-index: 0; /* Set below input */
                transition: background 0.3s ease; /* Smooth background transition */
            }

            .input-overlay.hidden {
                display: none; /* Control visibility */
            }

            div.svelte-sfqy0y {
                overflow-y: visible !important;
            }

            .wrap.svelte-au1olv.svelte-au1olv {
                display: none !important;
            }

            .message-row.user-row.svelte-1e1jlin {
                align-self: flex-start !important;
            }

            #chatbot .user {
                background: rgba(255, 223, 186, 1) !important; /* Soft light blue for user messages */
                border: 1px solid rgba(108, 64, 40, 0.8) !important; /* Sky blue border */
                color: #003366 !important; /* Darker blue text for better readability */
            }

            #chatbot .bot {
                background: #FAEBD7 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"><defs><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.015" numOctaves="2" result="turbulence"/><feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"/><feDiffuseLighting in="turbulence" lighting-color="%23FAEBD7"><feDistantLight azimuth="45" elevation="55"/></feDiffuseLighting></filter></defs><rect width="100%" height="100%" fill="%23FAEBD7" filter="url(%23noise)"/></svg>') repeat !important; color: #003300 !important;
            }

            #user_consent_container,
            .svelte-1b6s6s,
            .share-button,
            .svelte-1gfkn6j,
            footer,
            .built-with,
            #component-13,
            .svelte-1eq475l,
            #component-10,
            #component-1,
            #component-2 {
                display: none !important;
            }

            .gradio-container {
                max-width: 100% !important;
            }

            .gap.svelte-vt1mxs {
                gap: 0 !important;
            }

            .message-row.bubble.bot-row.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin,
            .user-row.bubble.svelte-1e1jlin.svelte-1e1jlin.svelte-1e1jlin {
                max-width: 97vw !important;
            }

            .block.svelte-12cmxck {
                background: none !important;
            }

            /* Status bar styles */
            #statusBar {
                position: fixed !important;
                bottom: 10px !important;
                right: 10px !important;
                background: rgba(255, 223, 186, 0.5) !important; /* Light gray */
                color: #030201 !important;
                padding: 10px !important;
                border-radius: 5px !important;
                z-index: 10000 !important;
                font-size: 14px !important;
                pointer-events: none !important;
                opacity: 0.8 !important;
            }

            /* Specific style for code blocks */
            .gradio-container-4-44-0 .md pre {
                background: none !important; /* No background */
                border: 2px solid #ccc !important; /* 2px solid light gray border */
                padding: 10px !important; /* Padding for visual separation */
                margin: 10px 0 !important; /* Margin for spacing */
            }

            .gradio-container-4-44-0 .md :not(pre) > code {
                border-radius: 4px !important; /* A standard radius */
                white-space: normal !important;
                background: rgba(240, 248, 255, 0.8) !important; /* Alice Blue */
                border: 1px solid #ccc !important; /* Light gray */
                padding: 4px 8px !important; /* Uniform padding */
            }

            /* Overlay styles */
            .quote-overlay {
                position: absolute;
                background: rgba(0, 150, 255, 0.3); /* Light blue for visual separation */
                border: 1px solid rgba(0, 150, 255, 1); /* Blue border */
                border-radius: 5px; /* Rounded corners */
                z-index: 10; /* Above all other elements */
                display: flex;
                flex-direction: column;
                visibility: hidden;
            }

            .quote-button {
                background: rgba(255, 255, 255, 0.8);
                border: none;
                padding: 2px 5px;
                cursor: pointer;
                font-size: 12px;
                transition: background 0.3s ease;
                margin: 2px; /* Spacing between buttons */
            }

            .quote-button:hover {
                background: rgba(200, 200, 200, 0.8); /* Slightly darker on hover */
            }
        `;

        const styleElement = document.createElement('style');
        styleElement.textContent = customStyles;
        document.head.appendChild(styleElement);
    }



    const sentenceStructures = [
        ["The %noun% %verb%",
         "The %noun% %verb% %adverb%",
         "The %adjective% %noun% %verb%",
         "The %noun% is %adjective%",
         "A %noun% %verb% at %noun%",
         "%noun% often %verb% with %noun%",
         "Every %adjective% %noun% %verb%",
         "If %noun% can %verb%, surely %noun% will"],

        ["%noun% and %noun% are %adjective%",
         "When %noun% %verb%, %noun% %verb%",
         "%noun% and %noun% %verb% together",
         "If %noun% can %verb%, then %noun% will %verb%",
         "Neither %noun% nor %noun% dared to %verb%",
         "Every %noun% %verb% before %noun%",
         "%noun% and %noun% unite to %verb%",
         "While %noun% %verb%, every %noun% watches"],

        ["%noun% %verb% under %noun%",
         "Do you know why %noun% %verb%?",
         "%noun% %verb% with %noun%",
         "What would happen if %noun% %verb%?",
         "%noun% quickly %verb% after %noun%",
         "%noun% doesn't %verb% without %noun%",
         "How can %noun% %verb% amidst %noun%?",
         "While %noun% %verb%, %noun% whispers to %noun%"],

        ["In the %noun%, %noun% can %verb% elegantly",
         "Because of the %adjective% %noun%, %noun% %verb%",
         "The %noun% whispers %adverb% as it %verb%",
         "Every %noun% seeks to %verb% during %noun%",
         "Amidst the %noun%, a %adjective% %noun% %verb%",
         "As fog envelops, %noun% %verb% silently",
         "The %noun% and %noun% transform together",
         "With a %adverb%, %noun% dances across %noun%"],

        ["Imagine a %adjective% %noun% %verb% across the %noun%",
         "The %adverb% %noun% danced beneath the %noun%",
         "%noun% gracefully leaped over the %noun%",
         "As the %noun% %verb%, the %noun% begins to %verb%",
         "A %noun% %verb% towards the %adjective% %noun%",
         "In the stillness, %noun% might %verb% quietly",
         "Between the %noun% and %noun%, %verb% is unspoken",
         "Beneath a %noun%, a %noun% freely %verb%"],

        ["While the %noun% knows, the %noun% remains oblivious",
         "Once the %noun% begins to %verb%, the %noun% transforms",
         "Upon the %noun%, %noun% lays its %adjective% claim",
         "Beyond the horizon, %noun% silently %verb% awaiting",
         "During %noun%, %noun% seeks to %verb% forever",
         "Against the %adjective% backdrop, %noun% %verb% fiercely",
         "%noun% stays hidden until the %noun% %verb% loudly",
         "%noun% thrives in the presence of %noun% during %noun%"],

        ["The %adjective% %noun% inspires the %noun% to %verb%",
         "Underneath the stars, %noun% wishes to %verb% solemnly",
         "Despite the %adjective% rain, %noun% assembles to %verb%",
         "While clouds gather, %noun% continues to %verb% steadfastly",
         "During twilight, the %noun% %verb% with elegance",
         "What if a %noun% chose to %verb% instead of %verb?",
         "Should %noun% ever dare to %verb%, %noun% would follow",
         "Even through storms, a %noun% chose to %verb% unwaveringly"]
    ];

    // Example parts of speech
    const words = {
        noun: ["cat", "dog", "rainbow", "sky", "elephant", "tiger", "computer", "love", "tree", "ocean",
        "mountain", "car", "house", "book", "friend", "bird", "city", "music", "dream", "star",
        "ball", "flower", "teacher", "chair", "road", "cloud", "moon", "fire", "beach", "garden",
        "lake", "forest", "sun", "chocolate", "place", "food", "game", "planet", "dragon", "unicorn",
        "proposal", "journey", "hero", "adventure", "idea", "schedule", "dance", "story", "airplane",
        "universe", "time", "symphony", "happiness", "friendship", "pain", "secret", "goal", "challenge",
        "reality", "truth", "fiction", "fantasy", "memory", "feeling", "wish", "soul", "quest",
        "legend", "faith", "strategy", "trophy", "whistle", "honor", "wisdom", "hope", "gift",
        "action", "winner", "champion", "concert", "river", "castle", "city", "sea", "hero",
        "warrior", "sorcerer", "bird", "blossom", "sunrise", "spark", "whale", "oasis",
        "dreamer", "sailor", "adventurer", "forest", "sunshine", "raindrop", "wave", "clover",
        "island", "journey", "puzzle", "vision", "myth", "dragonfly", "butterfly", "dolphin",
        "turtle", "computer", "robot", "fighter", "sword", "shield", "magic", "spell", "fantasy",
        "kingdom", "cityscape", "landscape", "adventure", "throne", "explorer", "path", "boot",
        "vehicle", "kite", "painting", "sculpture", "film", "show", "event", "celebration",
        "festival", "gathering", "reunion", "moment", "memory", "story", "adventure", "journey",
        "treasure", "fortune", "dreamland", "mystery", "secret", "discovery", "science",
        "knowledge", "wisdom", "time", "history", "future", "present", "life", "situation",
        "experience", "occurrence", "phenomenon", "event", "tale", "fable", "myth", "legend",
        "invention", "creation", "innovation", "concept", "system", "network", "pathway",
        "journey", "society", "culture", "tradition", "heritage", "legacy", "storyline",
        "plot", "theme", "character", "protagonist", "antagonist", "arc", "chapter", "episode",
        "volume", "series", "collection", "anthology", "library", "shelf", "bookcase",
        "workspace", "studio", "lab", "office", "workspace", "arena", "court", "field",
        "stadium", "platform", "zone", "location", "spot", "area", "region", "county"],
        verb: ["sleeps", "jumps", "flies", "dances", "laughs", "runs", "swims", "writes", "creates", "builds",
        "thinks", "dreams", "reads", "sings", "paints", "plays", "eats", "cooks", "travels", "explores",
        "works", "teaches", "leads", "follows", "hugs", "kisses", "gives", "takes", "throws", "catches",
        "skips", "whispers", "shouts", "drives", "draws", "looks", "feels", "hears", "sees",
        "loves", "helps", "trains", "challenges", "fights", "stands", "sits", "waits", "believes",
        "sets", "improvises", "gathers", "shares", "models", "acts", "reflects", "shapes",
        "hops", "giggles", "stretches", "balances", "tumbles", "kicks", "runs", "jumps",
        "dances", "sings", "paints", "teaches", "directs", "organizes", "arranges", "manages",
        "designs", "produces", "envisions", "imagines", "conceptualizes", "innovates",
        "collaborates", "negotiates", "facilitates", "communicates", "expresses", "emphasizes",
        "describes", "illustrates", "demonstrates", "reflects", "adapts", "responds", "alters",
        "transforms", "facilitates", "enables", "empowers", "motivates", "inspirits", "excites",
        "drives", "propels", "accelerates", "continues", "persists", "endures", "overcomes",
        "conquers", "achieves", "attains", "reaches", "realizes", "fulfills", "satisfies",
        "captures", "entertains", "delights", "surprises", "astonishes", "impresses",
        "stimulates", "challenges", "tests", "examines", "analyzes", "evaluates", "assesses",
        "reviews", "compares", "contrasts", "critique", "breaks", "builds", "destroys",
        "creates", "generates", "initiates", "starts", "launches", "fabricates", "constructs",
        "develops", "designs", "solutions", "troubleshoots", "fixes", "corrects", "improves",
        "enhances", "upgrades", "updates", "revises", "edits", "rewrites", "polishes",
        "proofreads", "clarifies", "simplifies", "summarizes", "condenses", "compresses",
        "translates", "interpret", "rephrase", "restate", "elucidates", "expounds",
        "articulates", "conveys", "transmits", "relays", "broadcasts", "signals", "communicates",
        "interacts", "engages", "communicates", "collaborates", "cooperates", "consents",
        "partners", "joins", "unites", "merges", "integrates", "facilitates", "supports",
        "advises", "recommends", "counsels", "mentors", "coaches", "trains", "educates",
        "teaches", "enlightens", "informs", "lectures", "demonstrates", "exemplifies",
        "illustrates", "models", "trains", "shapes", "molds", "forms", "guides", "directs",
        "supervises", "oversees", "manages"],
        adjective: ["happy", "sad", "colorful", "majestic", "bright", "dark", "beautiful", "ugly", "tall", "short",
        "fast", "slow", "good", "bad", "funny", "serious", "calm", "exciting", "lovely", "boring",
        "intelligent", "trained", "hungry", "angry", "joyful", "mysterious", "curious", "brave",
        "fierce", "gentle", "smooth", "rough", "sweet", "sour", "rich", "poor", "kind",
        "noble", "strong", "weak", "powerful", "fragile", "creative", "loyal", "friendly",
        "hostile", "content", "adventurous", "trustworthy", "caring", "silly", "artistic",
        "athletic", "tactile", "subtle", "bold", "innovative", "remarkable", "intimidating",
        "mild", "fascinating", "classic", "modern", "timeless", "unique", "magical", "enigmatic",
        "happy", "eager", "simple", "complex", "horrible", "wonderful", "brilliant",
        "extraordinary", "ordinary", "diligent", "thoughtful", "thought-provoking", "beautiful",
        "gorgeous", "stunning", "magnificent", "elegant", "graceful", "poignant", "sophisticated",
        "charming", "captivating", "enchanting", "delicate", "robust", "dynamic", "energetic",
        "enthusiastic", "passionate", "focused", "determined", "tenacious", "resilient",
        "persevering", "tireless", "resourceful", "introspective", "reflective", "independent",
        "affectionate", "generous", "compassionate", "sympathetic", "friendly", "gregarious",
        "sociable", "courageous", "fearless", "audacious", "venturesome", "charismatic",
        "dynamic", "vibrant", "zesty", "spicy", "joyful", "gleeful", "elated", "ecstatic",
        "helpful", "supportive", "honest", "trustworthy", "reliable", "dependable",
        "resourceful", "proactive", "motivated", "inspired", "aspirational", "innovative",
        "cutting-edge", "futuristic", "visionary", "conventional", "traditional", "modernistic",
        "artisanal", "handcrafted", "meticulous", "precision", "sustainable", "eco-friendly",
        "innovative", "creative", "original", "novel", "groundbreaking", "revolutionary",
        "game-changing", "impactful", "constructive", "positive", "enlightening", "thoughtful",
        "mindful", "realistic", "practical", "idealistic", "triggering", "provocative",
        "stimulating", "emotional", "rational", "logical", "constructive", "best", "worst"],
        adverb: ["quickly", "silently", "beautifully", "eagerly", "happily", "sadly", "calmly", "creatively",
        "intelligently", "gently", "confidently", "easily", "slowly", "enthusiastically",
        "gracefully", "boldly", "bravely", "willingly", "elegantly", "mysteriously", "nervously",
        "thoughtfully", "chirpily", "curiously", "cheerfully", "defiantly", "courageously",
        "quietly", "frequently", "rarely", "seldom", "always", "never", "sometimes", "ordinarily",
        "unstably", "positively", "greatly", "significantly", "notably", "deliberately", "neatly",
        "assertively", "enthusiastically", "tirelessly", "fearlessly", "helpfully",
        "meticulously", "warmly", "firmly", "eagerly", "freely", "gently", "passionately",
        "playfully", "constructively", "understandingly", "compassionately", "openly",
        "skillfully", "quickly", "smoothly", "elegantly", "dramatically", "intently",
        "noisily", "silently", "brilliantly", "cleverly", "smartly", "strongly", "deeply",
        "widely", "openly", "fearlessly", "apprehensively", "excitedly", "joyfully",
        "enthusiastically", "frequently", "habitually", "occasionally", "infrequently",
        "carefully", "cautiously", "generously", "humbly", "intensively", "actively",
        "effectively", "efficiently", "strategically", "tactically", "creatively",
        "artfully", "beautifully", "wonderfully", "naturally", "magically", "spontaneously",
        "organically", "adaptively", "systematically", "logically", "methodically",
        "creatively", "critically", "thoughtfully", "reflectively", "rapidly", "rapidly",
        "suddenly", "unexpectedly", "punctually", "timely", "fondly", "nostalgically",
        "cynically", "optimistically", "realistically", "ideally", "theoretically",
        "practically", "ferociously", "fiercely", "dangerously", "safely", "calmly",
        "delicately", "importantly", "notably", "infamously", "famously", "reliably",
        "regularly", "randomly", "purposefully", "strategically", "intentionally",
        "ridiculously", "humorously", "sarcastically", "streamlined", "automatically",
        "technologically", "virtually", "realistically", "spiritually", "whimsically"],
    };

    // Function to generate a structured sentence based on selected structure
    function generateStructuredSentence(tokens) {
        const structure = sentenceStructures[tokens.length % sentenceStructures.length];
        let selectedStructure = structure[0]; // Select the first structure for simplicity

        // Replace placeholders with specific tokens or words
        return selectedStructure.replace(/%(\w+)%/g, (match, key) => {
            const wordList = words[key]; // Get the list of words for the matched key
            return wordList[tokens[0]]; // Use the first token's corresponding word
        });
    }

    // Function to update message counts
    function updateMessageCounts() {
        const messages = document.querySelectorAll('#chatbot .message-row');
        totalChars = 0;
        totalWords = 0;

        messages.forEach((msg) => {
            const text = msg.innerText || ''; // Get message text
            totalChars += text.length; // Count characters
            totalWords += countWords(text); // Count words accurately
        });

        totalMessages = messages.length; // Total messages count
        updateStatusBar(totalChars, totalWords, totalMessages); // Update the display with new totals
    }

    // Function to accurately count words using regex
    function countWords(text) {
        const wordPattern = /\b(?:[A-Za-z0-9]+(?:[-'][A-Za-z0-9]+)*)\b/g; // Regex to match words
        const matches = text.match(wordPattern);
        return matches ? matches.length : 0; // Return number of matches or zero
    }

    // Function to update the status bar text and color
    function updateStatusBar(charCount, wordCount, messageCount) {
        const statusBar = document.getElementById('statusBar');

        const percentage = (charCount / MAX_CHARS) * 100; // Calculate percentage based on characters
        const color = `hsl(${(percentage > 100 ? 100 : percentage) * 1.2}, 100%, 50%)`; // Update color based on percentage

        statusBar.innerText = `Chrs: ${charCount} | Wrds: ${wordCount} | Msgs: ${messageCount} | ${percentage.toFixed(2)}%`;
        statusBar.style.color = color; // Update color of the status text
    }

    // Function to generate Fibonacci indices based on the total word count
    function generateFibonacciIndices(length) {
        let fib = [1, 1]; // Start with first two Fibonacci numbers
        while (true) {
            const nextFib = fib[fib.length - 1] + fib[fib.length - 2];
            if (nextFib > length) {
                break;
            }
            fib.push(nextFib); // Build the Fibonacci sequence
        }
        return fib;
    }

    // Function to create and initialize the status bar
    function createStatusBar() {
        const statusBar = document.createElement('div');
        statusBar.id = 'statusBar';
        document.body.appendChild(statusBar);
        updateStatusBar(0, 0, 0); // Initialize with zero counters

        const inputOverlay = document.createElement('div');
        inputOverlay.classList.add('input-overlay', 'hidden');
        const inputField = document.querySelector('input[type="text"], textarea');
        if (inputField) {
            inputField.parentNode.insertBefore(inputOverlay, inputField.nextSibling);
        }

        setInterval(() => {
            if (!isSelectingText) {
                updateMessageCounts(); // Only update if no selection is active
            }
        }, 300);

        document.addEventListener('selectionchange', () => {
            const selection = window.getSelection();
            if (selection.toString() !== "") {
                isSelectingText = true; // A text selection is active
                const selectedChars = selection.toString().length;
                const selectedWords = selectedChars > 0 ? selection.toString().trim().split(/\s+/).filter(word => word).length : 0;

                // Update overlay with selected counts
                updateStatusBar(selectedChars, selectedWords, totalMessages);
                inputOverlay.classList.remove('hidden'); // Show overlay
                showQuoteButton(); // Show quote button
            } else {
                inputOverlay.classList.add('hidden'); // Hide overlay if no selection
                isSelectingText = false; // Mark text as not selected
                // Return to total counts
                updateStatusBar(totalChars, totalWords, totalMessages);
                hideQuoteButton(); // Hide quote button
            }
        });

        document.addEventListener('click', (event) => {
            const selection = window.getSelection();
            if (!selection.toString()) {
                // If there's no selection, revert to total counts
                updateStatusBar(totalChars, totalWords, totalMessages);
                hideQuoteButton(); // Hide quote button
            }
        });
    }

    // Function to show overlay buttons upon text selection
    function showQuoteButton() {
        const selection = window.getSelection();
        if (selection.rangeCount > 0) {
            const range = selection.getRangeAt(0);
            const rect = range.getBoundingClientRect();

            // Create the overlay if it doesn't exist
            if (!overlay) {
                overlay = document.createElement('div');
                overlay.classList.add('quote-overlay');

                const quoteButton = document.createElement('button');
                quoteButton.classList.add('quote-button');
                quoteButton.innerText = 'Quote';
                quoteButton.onclick = () => {
                    const textToQuote = selection.toString().trim();
                    const quotedText = `<mark>${textToQuote.replace(/"/g, '&quot;')}</mark>\n`;
                    const inputField = document.querySelector('input[type="text"], textarea');
                    if (inputField) {
                        inputField.value += quotedText;
                        inputField.focus();
                    }
                    hideQuoteButton();
                };

                const randomQuoteButton = document.createElement('button');
                randomQuoteButton.classList.add('quote-button');
                randomQuoteButton.innerText = 'Random';
                randomQuoteButton.onclick = () => {
                    const allText = selection.toString().trim();
                    const words = allText.split(/\s+/); // Split selected text into words
                    const fibIndices = generateFibonacciIndices(words.length); // Generate Fibonacci indices

                    const maxOutputLength = Math.min(20000, words.length); // Use a reasonable max length based on number of words
                    let selectedOutput = [];

                    // Select words based on Fibonacci indices
                    fibIndices.forEach(index => {
                        if (selectedOutput.length < maxOutputLength && index < words.length) {
                            selectedOutput.push(words[index]);
                        }
                    });

                    // Generate the quoted text
                    const quotedText = `<mark>${selectedOutput.join(' ')}</mark>\n`;
                    const inputField = document.querySelector('input[type="text"], textarea');
                    if (inputField) {
                        inputField.value += quotedText;
                        inputField.focus();
                    }
                    hideQuoteButton();
                };

                overlay.appendChild(quoteButton);
                overlay.appendChild(randomQuoteButton);
                document.body.appendChild(overlay);
            }

            // Position the overlay according to the selected text
            overlay.style.left = `${rect.right + window.scrollX + 5}px`; // 5px padding
            overlay.style.top = `${rect.top + window.scrollY}px`; // Align overlay with selection
            overlay.style.visibility = 'visible'; // Show overlay
        }
    }

    // Function to hide the overlay
    function hideQuoteButton() {
        if (overlay) {
            overlay.style.visibility = 'hidden'; // Hide the overlay
        }
    }

    // Advanced Tokenizer Function
    function advancedTokenizer(inputText) {
        let sentencePattern = /([A-Z][^.!?]*[.!?])/g; // Capture full sentences
        let wordPattern = /\w+/g; // Capture words

        let sentences = inputText.match(sentencePattern); // Split text into sentences
        let tokens = [];

        for (let sentence of sentences) {
            let words = sentence.match(wordPattern); // Tokenize individual sentences into words
            if (words) {
                tokens.push(words); // Store tokenized sentences
            }
        }
        return tokens;
    }

    // Function to summarize content based on Fibonacci logic
    function fibonacciSummarizer(inputText) {
        let tokens = advancedTokenizer(inputText);
        let fibIndices = generateFibonacciIndices(tokens.length); // Get Fibonacci indices
        let summarySentences = [];

        // Iterate over Fibonacci indices to build a summary
        fibIndices.forEach(index => {
            if (index < tokens.length) {
                let selectedSentence = generateStructuredSentence(tokens[index]);
                summarySentences.push(selectedSentence);
            }
        });

        return summarySentences.join(" "); // Return the final summarized response
    }

    // Function to generate a structured sentence based on the selected structure
    function generateStructuredSentence(token) {
        const structure = sentenceStructures[token.length % sentenceStructures.length];
        let selectedStructure = structure[0]; // Select the first structure for simplicity

        // Replace placeholders with specific tokens or words
        return selectedStructure.replace(/%(\w+)%/g, (match, key) => {
            const wordList = words[key]; // Get the list of words for the matched key
            return wordList[0]; // Use the first token's corresponding word for now
        });
    }

    // Example usage of summarization
    const exampleUserInput = "Purple elephants dance under spaghetti rainbows. Spaghetti rainbows can fly!";
    const summary = fibonacciSummarizer(exampleUserInput);
    console.log("Fibonacci Summary Output:", summary); // Output the summary to the console

    // Initialize the styles and status bar upon script execution
    createStatusBar();
  injectStyles();
})();


```


""".





from right side theres a huge gap between right edge of viewport and whole chat html structure.

the purpose is to refactor default gradio's styles to just:

1-in one column from top and fully auto-fitted to whole viewport:

    run button
    input field
    and chat container or messages container

there should be nothing else in chat UI except only these three things.

also, need to enforece all styles in userscript through "!important" or setting them specifically in "*" root.