@font-face{font-family:KayoFont;src:url(/fonts/NotoSans/NotoSans-VariableFont_wdth,wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:block}@font-face{font-family:KayoFont;src:url(/fonts/NotoSans/NotoSans-Italic-VariableFont_wdth,wght.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:block}:root{--radius: 4px;--transition-duration: .2s;--split-pane-divider-size: 0px;--pane-stripe-hight: 24px;--pane-background-color: rgb(22, 22, 22);--pane-stripe-color: rgb(34, 34, 34);--pane-stripe-hover-color: rgb(40, 40, 40);--split-pane-divider-color: var(--pane-background-color);--text-color: rgb(200, 200, 200);--font-size: .8rem;--uneffective-opacity: .4;--font-weight: 400;--var-padding: 4px;--accent-color: rgb(0, 114, 220);--accent-color-hover: rgb(0, 130, 240);--split-pane-grabber-size: 8px;--split-button-size: 16px}@media (pointer: coarse){:root{--var-padding: 6px;--font-size: 1rem;--split-pane-grabber-size: 25px;--split-button-size: 30px}}body{color:var(--text-color);font-size:var(--font-size);margin:0;background-color:var(--split-pane-divider-color);font-family:KayoFont;font-weight:var(--font-weight);user-select:none;touch-action:none}button{color:var(--text-color);background-color:transparent;font-family:KayoFont;font-weight:var(--font-weight);border:none;border-radius:var(--radius);padding:var(--var-padding) calc(var(--var-padding) + 2px);font-size:var(--font-size)}@media (hover: hover) and (pointer: fine){button:hover{background-color:#ffffff1a}}input{font-size:var(--font-size)}h1{text-align:center;font-weight:var(--font-weight)}h2{font-weight:var(--font-weight)}canvas{image-rendering:pixelated}.selectorButton{color:var(--text-color);font-size:var(--font-size);border-radius:var(--radius);border:1px solid transparent;background-color:var(--button--color);box-shadow:0 1px #000;padding:4px;margin:2px}.selectorButton:hover{border:1px solid rgba(255,255,255,.2)}.selectorButton:active{box-shadow:none}select{color:var(--text-color);font-size:var(--font-size);font-family:inherit;border-radius:var(--radius);border:none;border-bottom:1px solid rgba(0,0,0,.2);background-color:#141414;padding:4px}span{margin:4px 0}select:focus{outline:none}pre{font-family:inherit;margin:0}::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:4px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#fff3}::-webkit-scrollbar-thumb:active{background-color:#ffffff4d}::-webkit-scrollbar-corner{background-color:none}v-box{display:flex;flex-direction:column;flex:1 0 0px;margin:0;padding:0;gap:var(--var-padding)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}tool-tip{position:fixed;pointer-events:none;opacity:0;left:8px;top:8px;background-color:#0009;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(73px);box-shadow:0 0 4px #00000080;border-radius:var(--radius);padding:6px;z-index:100;animation:fadeIn .1s ease .5s;animation-fill-mode:forwards}kbd.api-text{color:#6e7b6e;font-weight:700}grid-2col{display:grid;grid-auto-flow:row;row-gap:2px;column-gap:8px;align-items:center;grid-template-columns:max-content max-content}grid-2col>:nth-child(odd){justify-self:end}grid-2col>:nth-child(2n){justify-self:auto}grid-2col:state(uneffective){opacity:var(--uneffective-opacity)}ptp-chat-content{display:flex;flex-direction:column;flex:1 1 1px;overflow:auto;padding:10px;gap:4px}ptp-message-element{display:flex;flex-direction:column;flex:0 0 0px;overflow:visible;gap:2px;width:calc(100% - 50px);padding:6px;border:1px solid rgb(70,70,70);border-radius:var(--radius)}ptp-message-element>h6{margin:0;padding:0}ptp-message-element>p{margin:0;padding:0;user-select:all}ptp-message-element:state(own){align-self:flex-end;background-color:#3c3c3c;border-bottom-right-radius:0}ptp-message-element:state(other){align-self:flex-start;background-color:#323232;border-bottom-left-radius:0}.ptp-text-input{display:flex;margin:10px;gap:10px;align-items:center;flex:0 0 1px;box-sizing:border-box}.ptp-text-input>input[type=text]{flex:1 1 1px;padding:6px;color:var(--text-color);background-color:#323232;border:1px solid rgb(70,70,70);border-radius:var(--radius);min-width:none;width:0px}.ptp-text-input>input[type=text]:hover{background-color:#3c3c3c}.ptp-text-input>input[type=text]:focus{outline:1px solid rgb(70,70,70)}.ptp-text-input>input[type=submit]{padding:6px;margin:0;border:1px solid rgb(70,70,70);border-radius:var(--radius);color:var(--text-color);background-color:#323232}.ptp-text-input>input[type=submit]:hover{background-color:#3c3c3c;cursor:pointer}state-select-box,select-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;white-space:nowrap;border:1px solid rgb(48,48,48);background-color:#141414;border-radius:var(--radius);padding:var(--var-padding) calc(var(--var-padding) + 2px)}select-box{border:none}state-select-box:after,select-box:after{display:inline;margin-left:10px;content:"";width:calc(var(--font-size) / 2);height:calc(var(--font-size) / 2);right:0;border:1px solid var(--text-color);border-width:0 1px 1px 0;transform:translateY(-40%) rotate(45deg)}state-select-box:hover,select-box:hover{background-color:#1c1c1c}state-select-box:state(uneffective){opacity:var(--uneffective-opacity)}state-select-box:state(open-down),select-box:state(open-down){border-radius:var(--radius) var(--radius) 0 0}select-option-wrapper{display:inline-block;position:absolute;overflow:hidden;box-sizing:border-box;z-index:5;background-color:#141414;border:1px solid rgb(48,48,48);border-radius:var(--radius)}select-option-wrapper:state(open-down){border-radius:0 0 var(--radius) var(--radius)}select-option{display:block;padding:var(--var-padding) calc(var(--var-padding) + 2px)}select-option:hover{background-color:#1c1c1c}select-option:state(selected){background-color:#1c1c1c}footer-element{display:flex;z-index:1;flex:0 0 content;gap:4px;align-items:center;background-color:none;overflow-x:auto;box-sizing:border-box;padding:2px;background-color:var(--split-pane-divider-color)}footer-element:before{content:"";display:inline-block;width:calc(18px + var(--var-padding));aspect-ratio:1;margin-left:8px;margin-right:4px;background-image:url(/favicon.svg);background-size:contain;background-repeat:no-repeat;vertical-align:middle}footer-element>div{display:inline-flex;flex:0 0 content;background-color:none}footer-element>.middle{flex:1 1 auto}collapsible-element{display:block;flex:0 0 auto;overflow:hidden;background-color:#ffffff08;border:1px solid rgba(255,255,255,.03);border-radius:var(--radius)}collapsible-button{display:flex;justify-content:flex-start;align-items:center;gap:var(--var-padding);white-space:nowrap;padding:1px;background-color:#ffffff08}collapsible-button:hover{background-color:#ffffff0d}collapsible-button:before{display:inline-block;box-sizing:content-box;content:"";margin-right:5px;margin-left:3px;width:calc(var(--font-size) / 2);height:calc(var(--font-size) / 2);border:1px solid var(--text-color);border-width:0 1.5px 1.5px 0}collapsible-button[state=open]:before{transform:translateY(-40%) translate(40%) rotate(45deg)}collapsible-button[state=closed]:before{transform:rotate(-45deg)}collapsible-content-container{display:block;margin:0;padding:var(--var-padding)}wrapping-pane{display:flex;flex-direction:column;flex-wrap:nowrap;width:100dvw;height:100dvh;max-width:100dvw;max-height:100dvh}wrapping-pane>div{display:flex;flex-direction:row;flex:0 0 auto;align-items:center;padding:2px;overflow-y:auto;width:100%;box-sizing:border-box;background-color:var(--split-pane-divider-color)}iconed-toggle-button{display:flex;align-items:center;padding:var(--var-padding);margin:0;border-radius:var(--radius)}iconed-toggle-button svg{stroke:var(--text-color)}iconed-toggle-button:hover{background-color:#464646}check-box{cursor:pointer;display:inline-flex;flex:0 0 0px;padding:1px;background-color:#141414;border:1px solid rgb(28,28,28);border-radius:var(--radius)}check-box:hover{background-color:#1c1c1c}check-box svg{width:12px;height:12px;stroke:#fff}check-box:state(checked){background-color:var(--accent-color);border-color:var(--accent-color-hover)}check-box:state(checked):hover{background-color:var(--accent-color-hover)}radio-button{pointer-events:all;display:flex;padding:10px;backdrop-filter:blur(2px);aspect-ratio:1 / 1;background-color:#0003;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius)}radio-button:state(active){backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.3);background-color:transparent}radio-button-wrapper{position:absolute;display:flex;flex-direction:row;left:10px;gap:2px;top:10px;flex:1 0 0;background:none;max-width:100%;max-height:100%;overflow:auto}@container (aspect-ratio > 1/1){radio-button-wrapper{flex-direction:column}}#wrapper{flex:1 1 0%}split-pane-container{display:flex}split-pane-container[split-pane-container-orientation=none]{flex-direction:unset}split-pane-container[split-pane-container-orientation=vertical]{flex-direction:row}split-pane-container[split-pane-container-orientation=horizontal]{flex-direction:column}splitable-pane{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-width:calc(var(--pane-stripe-hight) * 2);min-height:calc(var(--pane-stripe-hight) * 2);overflow:hidden;border-radius:var(--radius);outline:1px solid rgba(255,255,255,.05);outline-offset:-1px}@media (hover: hover) and (pointer: fine){splitable-pane:hover{outline-color:#ffffff26}splitable-pane:hover>pane-stripe{background-color:var(--pane-stripe-hover-color)}}split-pane-divider{background-color:var(--split-pane-divider-color);flex-shrink:0;flex-grow:0}split-pane-divider[split-pane-divider-orientation=vertical]{width:var(--split-pane-divider-size);min-width:var(--split-pane-divider-size);height:100%}split-pane-divider[split-pane-divider-orientation=horizontal]{height:var(--split-pane-divider-size);min-height:var(--split-pane-divider-size);width:100%}split-pane-grabber{display:flex;position:relative;z-index:2;background-color:none}split-pane-grabber[split-pane-divider-orientation=vertical]{left:calc(var(--split-pane-divider-size) / 2 - var(--split-pane-grabber-size) / 2);min-width:var(--split-pane-grabber-size);height:100%;cursor:ew-resize}split-pane-grabber[split-pane-divider-orientation=horizontal]{top:calc(var(--split-pane-divider-size) / 2 - var(--split-pane-grabber-size) / 2);min-height:var(--split-pane-grabber-size);width:100%;cursor:ns-resize}pane-stripe{display:flex;flex-direction:row;flex:0 0;flex-basis:content;align-items:center;padding:2px;box-sizing:border-box;background-color:var(--pane-stripe-color);overflow-x:auto;overflow-y:visible}split-button-ul,split-button-ur,split-button-ll,split-button-lr{width:var(--split-button-size);height:var(--split-button-size);overflow:hidden;background-color:gray;opacity:0;cursor:cell;transition:var(--transition-duration);z-index:3}split-button-ul{position:absolute;top:0;left:0;border-radius:0 0 var(--radius) 0}split-button-ur{position:absolute;top:0;right:0;border-radius:0 0 0 var(--radius)}split-button-ll{position:absolute;bottom:0;left:0;border-radius:0 var(--radius) 0 0}split-button-lr{position:absolute;right:0;bottom:0;border-radius:var(--radius) 0 0 0}@media (hover: hover) and (pointer: fine){split-button-ul:hover,split-button-ul:active,split-button-ur:hover,split-button-ll:hover,split-button-lr:hover{opacity:.5}}outliner-pane{display:block;width:100%;height:100%;background-color:var(--pane-background-color)}api-pane{display:flex;flex:1 1 0px;overflow:scroll;background-color:var(--pane-background-color)}ptp-chat{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;overflow:auto;background-color:var(--pane-background-color)}viewport-pane{display:flex;flex-direction:column;flex:1 1 1px}viewport-pane>canvas{display:block;width:100%;height:1px;flex:1 1 1px}animation-pane{container-type:size;position:relative;display:flex;flex-direction:column;flex:1 1 1px}animation-pane>canvas{display:block;width:100%;height:1px;flex:1 1 1px}performance-pane{display:flex;flex-direction:column;flex:1 1 1px}performance-pane>canvas{display:block;width:100%;height:1px;flex:1 1 1px}pane-selector-pane{display:block;width:100%;height:1px;flex:1 1 1px;background-color:var(--pane-background-color)}file-system-pane{display:flex;flex-direction:column;flex:1 0 0px;overflow:auto;background-color:var(--pane-background-color);padding:4px}output-pane{display:flex;flex-direction:column;flex:1 0 0px;overflow:auto;background-color:var(--pane-background-color);padding:4px}splash-screen{z-index:100;position:absolute;top:0;left:0;display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;pointer-events:none}.splashScreenContainer{display:flex;flex-direction:column;width:max-content;height:min-content;min-width:25vw;background-color:#0009;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(73px);box-shadow:0 0 4px #00000080;border-radius:calc(var(--radius) * 4);padding:18px;pointer-events:all;overflow:hidden}.splashEntryTable{position:relative;display:flex;flex-direction:column;height:10vh;overflow:auto}.splashRow{display:flex;justify-content:space-between;gap:8px;padding:var(--var-padding) 4px}.splashRow:hover{background-color:#ffffff1a}