*{vertical-align:baseline;box-sizing:border-box;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-weight:500}a{color:inherit;text-decoration:none}
html{font-size:14px}html,body{color:#e8eeff;height:100%;font-family:var(--font-inter), sans-serif;background:#060810;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-bricolage), sans-serif}h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{font-family:var(--font-bricolage), sans-serif!important}p,span,div,a,label{font-family:var(--font-inter), sans-serif}.wrapper{z-index:10;flex-direction:column;width:100dvw;height:100dvh;display:flex;position:fixed;overflow:hidden scroll}.main-container{flex-direction:column;justify-content:center;align-items:center;gap:5rem;padding-bottom:5rem;display:flex}button{cursor:pointer;background:0 0;border-radius:.5rem;width:100%;min-width:max-content;height:max-content;padding:.5rem 1.5rem;font-size:1rem;font-weight:500;transition:all .1s ease-in-out}button:disabled,button:disabled:hover{cursor:not-allowed;background:gray}a{cursor:pointer;width:100%;min-width:max-content;height:max-content}button:hover{opacity:.8}input:not([type=image i],[type=range i],[type=checkbox i],[type=radio i]){color:var(--foreground);background:#00000040;border-radius:.5rem;outline:none;width:100%;max-width:400px;padding:.5rem 1rem;font-size:1rem;font-weight:300}.custom-btn-wrapper{cursor:pointer;background:linear-gradient(#ff9810 0%,#2a1201 100%);border-radius:.75rem;width:auto;padding:1px;box-shadow:inset 0 4px 4px #00000040}.custom-btn-wrapper.btn{cursor:pointer}.custom-btn-wrapper:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(#ff9810 0%,#2a1201 100%)}.custom-btn-wrapper:disabled:hover{cursor:not-allowed;opacity:.6;background:linear-gradient(#ff9810 0%,#2a1201 100%)}.custom-btn-border{color:#fff;background:linear-gradient(#2a1201 0%,#ff9810 100%);border-radius:.75rem;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;padding:.75rem 1.5rem;font-size:1.125rem;font-weight:500;display:flex}.custom-btn-wrapper.rounded,.custom-btn-border.rounded{aspect-ratio:1;border-radius:100dvw;width:max-content}.custom-btn-border.rounded{padding:.75rem}.custom-head{background:linear-gradient(#fff,#ff9810 100%);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;font-family:Geist,sans-serif;font-size:3rem;font-weight:700}.custom-desc{color:#ccc;text-align:center;font-size:1.125rem}.custom-chip{background:linear-gradient(#ff9810 0%,#2a1201 100%);border-radius:1.5rem;width:max-content;padding:2px;display:flex;box-shadow:inset 0 4px 4px #00000040}.custom-chip-container{background:#2a1201;border-radius:1.5rem;display:flex}.custom-chip-border{background:#ff981040;border-radius:1.5rem;align-items:center;gap:1rem;padding:.25rem 1.5rem;display:flex}.custom-models-head-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.stars{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.star{opacity:0;z-index:-1;background:#ff9810;border:.5px solid #ffddaabf;border-radius:100dvw;width:2px;height:2px;animation:2s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 2px 1px #ffddaa80}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.5)}}@media only screen and (max-width:768px){.main-container{gap:3rem;padding-bottom:3rem}.custom-head{font-size:1.75rem}.custom-chip-border{gap:.75rem;font-size:.875rem}.custom-desc{font-size:.875rem}}@media only screen and (max-width:480px){.main-container{gap:2rem;padding-bottom:2rem}.wrapper{gap:2rem}}.playground-header{flex-direction:column;display:flex}.playground-header-title{color:#e8eeff;font-size:2rem;font-weight:700;line-height:1.2}.playground-header-desc{color:#8185a5;font-size:1rem}.playground-form{flex-direction:column;gap:1rem;display:flex}.playground-textarea{color:#fff;resize:none;line-break:anywhere;background:#0c101c;border:1px solid #353d53;border-radius:4px;outline:none;height:200px;padding:.5rem;font-size:.75rem}.playground-textarea-count{color:#8185a5;text-align:right;padding:0 .5rem;font-size:.875rem}.playground-input{color:#fff;resize:none;background:0 0;border:1px solid #353d53;border-radius:4px;outline:none;padding:.5rem;font-size:1rem;background:#0c101c!important;width:100%!important;max-width:100%!important}.playground-btn{color:#2a1201;background:#ffbc36;border:none;border-radius:.5rem;padding:1px;width:auto!important}.playground-btn:disabled{opacity:.6;cursor:not-allowed}.playground-btn:disabled:hover{cursor:not-allowed;opacity:.6}.playground-btn-border{border-radius:.5rem;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;padding:.5rem 2.5rem;font-size:1.125rem;display:flex}.playground-tabs{text-align:center;grid-template-columns:1fr 1fr 1fr;gap:.5rem;display:grid}.playground-tab{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #343b60;border-radius:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.playground-tab.active{background:#343b60}.playground-output-txt-wrapper{color:#fff;flex-direction:column;gap:1rem;width:100%;display:flex}.playground-output-txt{white-space:pre-wrap;word-break:break-word;white-space:pre-line;background:#2a334a;border-radius:.5rem;padding:1rem;font-size:.75rem;line-height:1.5}.playground-output-none{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;font-size:1rem;font-style:italic;font-weight:400;display:flex}.playground-select{color:#fff;background:0 0;border:1px solid #ffffff0d;border-radius:.5rem;width:100%;padding:1rem;font-size:1rem}.playground-select option{cursor:pointer;color:#000;background:0 0;padding:.5rem 1rem}.playground-configs-content{flex-direction:column;gap:3rem;width:100%;display:flex}.playground-config{flex-direction:column;gap:.25rem;display:flex}.playground-thinking-wrapper{flex-direction:column;gap:.5rem;width:100%;display:flex}.playground-toggle-group{flex-wrap:wrap;gap:1rem 1.5rem;width:100%;display:flex}.playground-toggle-group>.playground-thinking-wrapper{flex:none;width:auto}.playground-thinkings{background:#2a334a;border:1px solid #ffffff0d;border-radius:.25rem;gap:1rem;width:max-content;padding:.5rem;display:flex}.playground-thinking{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:.25rem;padding:.25rem 1rem;font-size:.75rem;font-weight:500;transition:all .3s}.playground-thinking.active{color:#010101;background:#ffbc36}.token{font-family:monospace!important}.playground-code-wrapper{background:#0c101c;border:1px solid #353d53;border-radius:.5rem;max-height:50dvh;font-size:.75rem;overflow-y:auto}.guest-notice-danger{color:#fca5a5;background:#ef44441a;border-left:3px solid #ef4444;border-radius:.25rem;padding:.5rem 1rem;font-size:.75rem}.guest-notice-link{cursor:pointer;color:#ffbc36;text-decoration:underline}.custom-button{color:#2a1201;background:#ffbc36;border-radius:.5rem;justify-content:center;align-items:center;gap:1rem;width:100%;padding:.5rem 2rem;font-size:.875rem;display:flex}@media only screen and (max-width:480px){.playground-header-title{font-size:1.5rem}.playground-header-desc{font-size:.875rem}}.line-break{display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.container{width:100%;margin:auto;padding-inline:1rem}@media only screen and (min-width:480px){.container{max-width:480px;padding-inline:1.5rem}}@media only screen and (min-width:600px){.container{max-width:600px;padding-inline:2rem}}@media only screen and (min-width:768px){.container{max-width:768px;padding-inline:3rem}}@media only screen and (min-width:1024px){.container{max-width:1024px;padding-inline:3rem}}@media only screen and (min-width:1200px){.container{max-width:1200px;padding-inline:3rem}}@media only screen and (min-width:1440px){.container{max-width:1440px;padding-inline:3rem}}