.code-block{display:grid;margin-bottom:1rem;border-radius:var(--border-radius);overflow:hidden}.code-block ::-webkit-scrollbar{width:4px;height:4px}.code-block ::-webkit-scrollbar-track{background:transparent;margin-inline:.5rem}.code-block ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-clr,var(--blue));border-radius:10px}.code-block code{font-size:var(--fz-sm)}.code-block .code-block-header{display:flex;align-items:center;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--fz-xs);font-weight:600;letter-spacing:.5px;background-color:#282c34;color:var(--code-block-header);padding:.5rem 1rem;border-bottom:1px solid hsla(0,0%,100%,.06)}:is(.code-block .code-block-header)>span{font-size:var(--fz-xs);text-transform:uppercase;letter-spacing:.5px}:is(.code-block .code-block-header)>div{display:flex;align-items:center;gap:.25rem}:is(:is(.code-block .code-block-header)>div) button{display:flex;align-items:center;justify-content:center;border:none;width:30px;height:30px;background:transparent;color:inherit;border-radius:6px;cursor:pointer;transition:all .2s ease}:is(:is(:is(.code-block .code-block-header)>div) button):hover{background-color:hsla(0,0%,100%,.1);color:#fff}:is(:is(:is(.code-block .code-block-header)>div) button):disabled{pointer-events:none;opacity:.7}:is(:is(:is(.code-block .code-block-header)>div) button) svg{width:15px;height:15px}.code-block .sandpack-container{width:100%;max-width:100%;min-width:0;overflow:hidden}.code-block .sp-layout,.code-block .sp-stack,.code-block .sp-wrapper{min-width:0!important;max-width:100%!important}.code-block .backend-output-container{background-color:#1e1e1e;border-top:1px solid var(--border-glass);padding:1rem;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);box-shadow:inset 0 5px 10px rgba(0,0,0,.2)}:is(.code-block .backend-output-container) .backend-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--fz-xs);color:#858585;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}:is(:is(.code-block .backend-output-container) .backend-label) button{background:transparent;border:none;color:var(--light-text-clr);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.3rem;border-radius:var(--border-radius);transition:color .2s,background .2s}:is(:is(:is(.code-block .backend-output-container) .backend-label) button):hover{color:var(--text-clr);background:var(--items-hover)}:is(:is(:is(.code-block .backend-output-container) .backend-label) button) svg{width:var(--fz-md);height:var(--fz-md)}:is(.code-block .backend-output-container) .backend-output-text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--fz-sm);color:#ccc;white-space:pre-wrap;word-break:break-all;line-height:1.5}.chart-widget{margin-bottom:1rem;border-radius:var(--border-radius);border:1px solid var(--border-glass);background-color:var(--components-bg);padding:1rem;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.chart-widget .chart-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:var(--fz-sm);color:var(--text-clr)}:is(.chart-widget .chart-header) .chart-select-wrapper{position:relative;display:flex;align-items:center}:is(:is(.chart-widget .chart-header) .chart-select-wrapper) .chart-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:inherit;font-size:var(--fz-xs);font-weight:500;padding:.35rem 2rem .35rem .75rem;border:1px solid var(--border-glass);border-radius:6px;background-color:var(--bg-clr);color:var(--text-clr);cursor:pointer;outline:none;transition:border-color .2s ease}:is(:is(:is(.chart-widget .chart-header) .chart-select-wrapper) .chart-select):hover{border-color:var(--light-text-clr);background-color:var(--components-bg)}:is(:is(.chart-widget .chart-header) .chart-select-wrapper) .chart-select-icon{position:absolute;right:.6rem;color:var(--light-text-clr);pointer-events:none;font-size:1rem}.chart-widget .chart-wrapper{width:100%;height:16rem;min-width:0;position:relative}.message{display:flex;flex-direction:column;gap:1.5rem}.message-model,.message-user{display:flex;align-items:flex-start;margin-bottom:1.5rem}:is(.message-user,.message-model)>img{margin-top:.25rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:50%;flex-shrink:0}:is(.message-user,.message-model) p{font-size:var(--fz-md);flex-grow:1;line-height:1.7rem}.message-user{gap:1rem;flex-direction:row-reverse}.message-user .message-content{background-color:var(--border-glass);padding:1rem 1.5rem;border-radius:1.5rem;border-top-right-radius:.25rem;width:-moz-fit-content;width:fit-content;max-width:80%}:is(.message-user .message-content) p{margin-bottom:0}.message-model{gap:1rem;padding-bottom:2rem}.message-model,.message-model .message-content{max-width:100%;min-width:0;width:100%}:is(:is(.message-model .message-content) .is-streaming)>:not(hr):last-child:after{content:"";display:inline-block;width:4px;height:1.1em;background-color:var(--text-clr);border-radius:1px;margin-left:4px;vertical-align:text-bottom;animation:subtleBlink 1s ease-in-out infinite}:is(:is(.message-model .message-content) .is-streaming)>p:last-child{display:inline}@keyframes subtleBlink{0%,to{opacity:1}50%{opacity:0}}.message-content{line-height:1.7;color:var(--text-clr)}.message-content img{max-width:100%;max-height:180px;border-radius:var(--border-radius);-o-object-fit:cover;object-fit:cover}.message-content :is(h1,h2,h3,h4,h5,h6){margin-top:1.5rem;margin-bottom:.75rem;font-weight:600;color:var(--text-clr);line-height:1.3}.message-content h1{font-size:1.5em;border-bottom:1px solid var(--border-glass);padding-bottom:.3em}.message-content h2{font-size:1.3em}.message-content h3{font-size:1.1em}.message-content p{margin-bottom:1rem}.message-content p:last-child{margin-bottom:0}.message-content ul{list-style-type:disc;margin-left:1.5rem;margin-bottom:1rem}.message-content ol{list-style-type:decimal;margin-left:1.5rem;margin-bottom:1rem}.message-content li{margin-bottom:.6rem;padding-left:.25rem}.message-content li::marker{color:var(--light-text-clr);font-weight:500}.message-content code{background-color:var(--border-glass);padding:.2em .4em;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em;color:var(--text-clr)}.message-content pre code{background-color:transparent;padding:0;color:inherit}.message-content blockquote{border-left:4px solid var(--blue);padding:.5rem 1rem;margin:1rem 0;background-color:rgba(112,129,253,.1);border-radius:0 .5rem .5rem 0;color:var(--light-text-clr);font-style:italic}:is(.message-content blockquote) p{margin-bottom:0}.message-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95em;border-radius:var(--border-radius);overflow:hidden}.message-content td,.message-content th{border:1px solid var(--border-glass);padding:.75rem 1rem;text-align:left}.message-content th{background-color:var(--border-glass);color:var(--text-clr);font-weight:600}.message-content tr:nth-child(2n){background-color:hsla(0,0%,100%,.02)}.message-content a{color:var(--link-clr,#3498db);text-decoration:none;transition:-webkit-text-decoration .15s ease;transition:text-decoration .15s ease;transition:text-decoration .15s ease,-webkit-text-decoration .15s ease}:is(.message-content a):hover{text-decoration:underline}.message-content .collapsible-container{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%}:is(.message-content .collapsible-container) .collapsible-text{width:100%;overflow:hidden;transition:max-height .3s ease-in-out}.collapsed:is(:is(.message-content .collapsible-container) .collapsible-text){max-height:160px;-webkit-mask-image:linear-gradient(180deg,#000 90px,transparent);mask-image:linear-gradient(180deg,#000 90px,transparent)}.expanded:is(:is(.message-content .collapsible-container) .collapsible-text){-webkit-mask-image:none;mask-image:none}:is(:is(.message-content .collapsible-container) .collapsible-text) .collapsible-inner{overflow:hidden;white-space:pre-wrap;word-break:break-word}:is(.message-content .collapsible-container) .collapsible-btn{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;font-weight:600;color:var(--light-text-clr,#888);background:transparent;border:none;cursor:pointer;padding:0;transition:color .15s ease}:is(:is(.message-content .collapsible-container) .collapsible-btn):hover{color:var(--text-clr)}:is(:is(.message-content .collapsible-container) .collapsible-btn) svg{width:16px;height:16px}.message-content .message-attachment-container{margin-bottom:.75rem;max-width:100%}.message-content .message-actions{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;margin-left:-.4rem}:is(.message-content .message-actions) button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--light-text-clr);cursor:pointer;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1)}:is(:is(.message-content .message-actions) button):hover{background-color:var(--border-glass);color:var(--text-clr)}:is(:is(.message-content .message-actions) button):active{transform:scale(.9)}:is(:is(.message-content .message-actions) button) svg{font-size:1rem}.response-error{display:flex;align-items:center;gap:.5rem;color:var(--error-clr,var(--red))}.response-error svg{font-size:var(--fz-lg)}@media screen and (max-width:768px){.message-model,.message-user{gap:.5rem;margin-bottom:1.25rem;flex-direction:column}.message-user{align-items:end}.message-user .message-content{padding:.75rem 1rem}:is(.message-user .message-content) :is(h1,h2,h3,h4,h5,h6){margin-top:1rem}.message-model>img{width:38px!important;height:38px!important;margin-left:-5px}.message-user>img{width:24px!important;height:24px!important}}