article.message{background-color:#111;padding:0 0 10px;margin-bottom:20px;border-radius:var(--radius)}article.message.prompt{margin-right:5%;background-color:#222}article.message.ai{margin-left:5%}article.message h3{text-align:center}article.message .content{text-align:justify;padding:10px 20px;display:grid}article.message .content img{max-width:100%}article.message .control{width:100%;display:inline-flex;flex-wrap:wrap;padding:10px;gap:var(--gap);border-radius:var(--radius);visibility:hidden;background-color:var(--black-opacity-color);transition:var(--transition)}article.message:focus .control,article.message:hover .control{visibility:visible}article div.group{padding:10px 0}audio{height:var(--min-height);max-width:100%}audio::-webkit-media-controls-panel{background-color:#333}audio::-webkit-media-controls-enclosure{border-radius:0}button{background-color:var(--focus-color);color:#fff;padding:var(--padding);cursor:pointer;border-radius:var(--radius);border:0;text-transform:capitalize}button.delete{border-radius:50%;line-height:20px;width:30px}button.export{background-color:#263238}button.share{width:60px}button:hover{filter:var(--brightness-filter)}button[type=reset]{background-color:#444}button.read{background-color:var(--foreground-color)}canvas{width:100%;height:100%}canvas:focus-visible{outline:none;-webkit-user-select:none;user-select:none}footer{background-color:#333;position:fixed;text-align:center;bottom:0;left:0;width:100%;padding:var(--padding)}form{display:grid;width:1fr;grid-template-columns:1fr 5fr 1fr;height:50px;transition:var(--transition);gap:var(--gap)}form:hover{height:300px!important}form textarea{font-size:20px}form textarea:focus{font-size:20px}form .form_buttons{display:grid;grid-template-rows:1fr 1fr;gap:var(--gap)}form textarea{width:100%;padding:var(--padding);display:block;resize:both;overflow:hidden;background-color:transparent;color:var(--color)}*,*:before,*:after{box-sizing:border-box}:root{--background-color: #000;--foreground-color: #673ab7;--focus-color: #f0134d;--color: #ccc;--black-opacity-color: #000000a0;--white-opacity-color: #ffffff70;--padding: 5px 10px;--radius: 3px;--min-height: 30px;--gap: 5px;--blur-filter: blur();--brightness-filter: brightness(1.1);--contrast-filter: contrast(150%);--grayscale-filter: grayscale();--grayscale-almost-filter: grayscale(90%);--hue-filter: hue-rotate(50deg);--invert-filter: invert();--opacity-filter: opacity(50%);--saturate-filter: saturate(50%);--sepia-filter: sepia(50%);--shadow-filter: drop-shadow(0px 3px 3px #000);--transition: all .3s}html,body{background-color:var(--background-color)}body{margin:0;padding:0;display:grid;color:var(--color)}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-track{background:#000}*::-webkit-scrollbar-thumb{background-color:#444;border-radius:20px}ul li{padding-bottom:20px}section{margin-bottom:100px}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}pre{overflow:auto}.hljs{background-color:#000}select{padding-left:10px;max-width:100%;height:var(--min-height);background-color:#333;color:#ccc;border:0}