*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5}pre{overflow-x:auto}:root{--color-base-100:oklch(100% 0 0);--color-base-200:oklch(97% 0 0);--color-base-300:oklch(94% 0 0);--color-base-content:oklch(0% 0 0);--color-primary:oklch(15.906% 0 0);--color-primary-content:oklch(100% 0 0);--color-secondary:oklch(21.455% .001 17.278);--color-secondary-content:oklch(100% 0 0);--color-accent:oklch(26.861% 0 0);--color-accent-content:oklch(100% 0 0);--color-neutral:oklch(0% 0 0);--color-neutral-content:oklch(100% 0 0);--color-info:oklch(79.54% .103 205.9);--color-info-content:oklch(15.908% .02 205.9);--color-success:oklch(90.13% .153 164.14);--color-success-content:oklch(18.026% .03 164.14);--color-warning:oklch(88.37% .135 79.94);--color-warning-content:oklch(17.674% .027 79.94);--color-error:oklch(78.66% .15 28.47);--color-error-content:oklch(15.732% .03 28.47);--radius-selector:2rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:0;--noise:0}#app{height:100dvh;font-family:Courier New,Courier,monospace}.layout{background:var(--color-base-100);min-height:100%;color:var(--color-base-content);grid-template-columns:minmax(0,40rem) 1fr;display:grid}.hstack{flex-direction:row;justify-content:center;align-items:center;display:flex}.hstack.split{justify-content:space-between}.hstack.tight{gap:var(--space-xs)}.hstack.loose{gap:var(--space-s)}.button{cursor:pointer;border-radius:var(--radius-field);border:1px solid #0000;align-items:center;gap:.5rem;padding:.6rem 1rem;font-weight:500;transition:all .2s;display:inline-flex}.chat{padding-inline:10px;flex-direction:column;padding-bottom:10px;display:flex}.heading{flex-direction:column;justify-content:center;min-height:4.5rem;transition:all 1s;display:flex;position:relative}.heading>h1{font-size:300%;transition:all 1s}.provider-settings{z-index:10;position:fixed;top:10px;right:10px}.provider-trigger{background:var(--color-base-100);border:1px solid var(--color-base-content);cursor:pointer;font:inherit;align-items:center;gap:.4rem;max-width:14rem;margin-left:auto;padding:.3rem .5rem;font-size:.75rem;display:flex}.provider-dot{background:var(--color-warning-content);border-radius:50%;flex:none;width:.5rem;height:.5rem}.provider-dot.configured-true{background:oklch(55% .16 150)}.provider-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.provider-panel{background:var(--color-base-100);border:1px solid var(--color-base-content);box-shadow:4px 4px 0 var(--color-base-content);flex-direction:column;gap:.6rem;width:19rem;margin-top:.4rem;padding:.75rem;display:flex}.provider-panel label{gap:.2rem;font-size:.72rem;display:grid}.provider-panel input,.provider-panel select{background:var(--color-base-100);border:1px solid var(--color-base-content);color:var(--color-base-content);font:inherit;border-radius:0;width:100%;min-width:0;padding:.38rem;font-size:.8rem}.provider-panel-heading{flex-direction:column;font-size:.8rem;display:flex}.provider-panel-heading span{color:oklch(45% 0 0);font-size:.67rem}.provider-key-link{color:inherit;font-size:.7rem;text-decoration:underline}.provider-error{background:var(--color-warning);border-left:3px solid var(--color-warning-content);padding:.25rem .4rem;font-size:.7rem}.provider-save{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-primary-content);cursor:pointer;font:inherit;padding:.4rem .6rem;font-size:.75rem}.provider-save:disabled{cursor:not-allowed;opacity:.5}.hero{flex-grow:1}.hero>h1{font-size:600%}.failure-message{background-color:var(--color-warning);border-left:3px solid var(--color-warning-content);margin-inline:0;padding-top:1px;padding-bottom:1px;padding-left:7px}.messages{flex-direction:column-reverse;flex-grow:1;display:flex}.message{margin:0 10px;margin-bottom:10px}.message.thinking{color:oklch(64% 0 0)}.message.user{background-color:var(--color-base-200);border-left:3px solid var(--color-accent);margin-inline:0;padding-top:1px;padding-bottom:1px;padding-left:7px}.message.code{border:1px solid;border-color:var(--color-base-300);margin-bottom:0;padding:1px}.message.tool-result{background-color:var(--color-neutral);color:var(--color-neutral-content);padding:2px}.message.one-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-input{border:var(--border) solid var(--color-base-content);border-radius:var(--radius-box);outline:none;padding:10px}.chat-input>textarea{resize:none;width:100%;font:inherit;background-color:#0000;border:none;outline:none}.output{background:#000;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(2,1fr);gap:2px;margin:10px 20%;display:grid}.output>*{background:#fafafa;flex-direction:column;justify-content:center;align-items:center;display:flex}.output>:first-child{grid-row:span 4}.output>:nth-child(2){background-color:#76a076;grid-row:span 1}.output>:nth-child(3){grid-row:span 4}.output>:nth-child(4){background-color:#d4607d;grid-row:span 3}.output>:nth-child(5){grid-row:span 2}@media (width<=40rem){.layout{display:block}.hero>h1{font-size:400%}.provider-panel{max-width:calc(100vw - 20px)}}