:root{--primary-color: rgb(79, 109, 206);--primary-color-dark: rgb(46, 65, 139);--background-color: rgb(250, 250, 251);--highlight-color: rgb(254, 254, 255);--container-size: 42rem;--text-color: rgb(48, 49, 54);--heading1-font-size: 2.5rem;--text-size: 1rem;--border-radius: .75rem;--spacing: 1rem;--bubble-gradient: linear-gradient(190deg in hsl shorter hue, rgba(255,255,255, .6), transparent);--font-family: "RobotoMono", monospace;--shadow: 0 4px 6px rgba(0, 0, 0, .1)}@font-face{font-family:InterVariable;src:url(../fonts/Inter-VariableFont_opsz,wght.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:StackSansNotch;src:url(../fonts/StackSansNotch-VariableFont_wght.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Raleway;src:url(../fonts/Raleway-VariableFont_wght.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:SpaceGrotesk;src:url(../fonts/SpaceGrotesk-VariableFont_wght.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Rubik;src:url(../fonts/Rubik-VariableFont_wght.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:FiraCode;src:url(../fonts/FiraCode-VariableFont_wght.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:PlayfairDisplay;src:url(../fonts/PlayfairDisplay-VariableFont_wght.woff2) format("truetype");font-style:normal;font-display:swap}@font-face{font-family:EBGaramond;src:url(../fonts/EBGaramond-VariableFont_wght.ttf) format("truetype");font-style:normal;font-display:swap}@font-face{font-family:NotoSerif;src:url(../fonts/NotoSerif-VariableFont_wdth,wght.ttf) format("truetype");font-style:normal;font-display:swap}html,body{background-color:var(--background-color);margin:0;padding:0;font-family:PlayfairDisplayRegular,serif;box-sizing:border-box}*{box-sizing:border-box}body{font-family:var(--font-family);color:var(--text-color);overflow:auto;font-size:var(--text-size);padding-bottom:4rem!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-smooth:antialiased}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}canvas{image-rendering:smooth}.load-spinner{position:relative;display:inline-block;top:-.3rem;border:4px solid color-mix(in lch,var(--text-color) 5%,transparent);border-top:4px solid color-mix(in lch,var(--text-color) 25%,transparent);border-radius:50%;width:1.25rem;height:1.25rem;margin-top:-.5rem;margin-bottom:-.5rem;margin-left:.5rem;animation:spin 1s linear infinite;transition:opacity .3s ease}.load-spinner.is-complete{opacity:0}.container{max-width:var(--container-size);margin:0 auto}#gui-header{opacity:0;transition:opacity .5s ease-in;padding:0 1rem}#gui-header.is-loaded{opacity:1}.svg-tmp{position:absolute;top:-1280px;left:-1280px;width:1280px;height:1280px;pointer-events:none;opacity:0}#gui-container{max-width:var(--container-size);margin:0 auto;padding:20px 0;min-height:100vh;box-sizing:border-box;opacity:0;transition:opacity .5s ease-in}#gui-container.is-loaded{opacity:1}#gui-header{margin-bottom:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 2);text-align:center}#gui-title{font-size:var(--heading1-font-size);font-variation-settings:"wght" 600;margin:0 0 calc(var(--spacing) * .25) 0;color:var(--text-color)}#gui-subtitle{color:color-mix(in lch,var(--text-color) 70%,transparent);margin:0}#chat-container{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 1);min-height:400px;margin-bottom:calc(var(--spacing) * 2)}#chat-messages{display:flex;flex-direction:column;gap:calc(var(--spacing) * 1.25)}.message{display:flex;animation:fadeIn .3s ease-in}.message.user{justify-content:flex-end;margin-left:calc(var(--spacing) * 2.5)}.message.assistant{justify-content:flex-start}.message-bubble{max-width:var(--container-size);padding:calc(var(--spacing) * .75) calc(var(--spacing) * 1.25);border-radius:var(--border-radius);line-height:1.5;box-shadow:var(--shadow)}.message.user .message-bubble{position:relative;background:var(--primary-color) var(--bubble-gradient);color:#fff}.message.assistant .message-bubble{background-color:var(--highlight-color);color:#1a1a1a;border:1px solid #d0d7de}#input-container{position:fixed;bottom:0;left:0;width:100%;padding-bottom:calc(var(--spacing) * 1);background-color:var(--background-color)}.input-container__inner{position:relative;padding:0 calc(var(--spacing) * .5)}#chat-input{flex:1;padding:calc(var(--spacing) * 1) calc(var(--spacing) * 1);margin:auto;width:100%;border:1px solid #d0d7de;border-radius:calc(var(--border-radius) * .75);font-size:var(--text-size);outline:none;background-color:var(--highlight-color);font-family:var(--font-family);padding-right:3rem}#send-button{position:absolute;display:block;right:calc(.5rem + var(--spacing) * .5);top:50%;overflow:hidden;transform:translateY(-50%);width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background-color:var(--text-color);color:#fff;border:none;border-radius:100%;cursor:not-allowed;opacity:.5}.size-4{width:16px;height:16px}.result-container{display:flex;flex-direction:column;gap:calc(var(--spacing) * 1.25);padding:calc(var(--spacing) * 1.25);background-color:var(--highlight-color);border-radius:var(--border-radius);border:1px solid #d0d7de;scroll-margin-block:1rem;box-shadow:var(--shadow)}.svg-container{display:flex;justify-content:center;align-items:center;padding:0;background-color:#f6f8fa;border-radius:calc(var(--border-radius) * .75);overflow:auto}.result-text{font-size:calc(var(--text-size) * .875);color:color-mix(in lch,var(--text-color) 80%,transparent);line-height:1.6;margin:0;font-style:italic;text-align:center}.button-container{display:flex;gap:calc(var(--spacing) * .75);justify-content:center;margin-top:calc(var(--spacing) * .5)}.action-button{display:flex;align-items:center;gap:calc(var(--spacing) * .125);padding:calc(var(--spacing) * .6) calc(var(--spacing) * .75);font-size:calc(var(--text-size) * .95);font-family:var(--font-family);font-variation-settings:"wght" 600;border-radius:calc(var(--border-radius) * .5);cursor:pointer;transition:all .2s ease;color:#000}.action-button svg{flex-shrink:0}@media(max-width:440px){.action-button svg{display:none}}.action-button.primary{background-color:var(--primary-color);color:#fff;border:none}.action-button.primary:hover{background-color:var(--primary-color-dark)}.action-button.secondary{background-color:#fff;border:1px solid #d0d7de}.action-button.secondary:hover{background-color:#f6f8fa}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}svg,canvas{width:auto;height:auto!important;max-width:100%}.size-6{width:20px;height:20px}