.k-inspector{--ki-bg: rgb(250 250 250);--ki-fg: rgb(25 25 25);--ki-red: #d9174b;--ki-gray-light: rgb(238 238 238);--ki-gray-bg: rgb(244 244 244);--ki-border: rgb(170 170 170);--ki-border-light: rgb(210 210 210);--ki-l: .62;--ki-c: .2;--ki-h: 250;--ki-lch: var(--ki-l) var(--ki-c) var(--ki-h);--ki-h-secondary: 150;--ki-secondary-lch: var(--ki-l) var(--ki-c) var(--ki-h-secondary);--ki-primary: oklch(var(--ki-lch));--ki-primary-light: oklch(var(--ki-lch) / .1);--ki-secondary: oklch(var(--ki-secondary-lch));font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:fixed;bottom:0;left:0;width:100%;background-color:var(--ki-bg);color:var(--ki-fg);max-height:45vh;overflow:auto;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.875rem;scrollbar-width:thin;scrollbar-color:var(--ki-border) transparent;box-sizing:border-box;padding:0;margin:0;line-height:1.2}@media(prefers-color-scheme:dark){.k-inspector{--ki-bg: rgb(30 30 30);--ki-fg: rgb(230 230 230);--ki-red: #ff4073;--ki-gray-light: rgb(50 50 50);--ki-gray-bg: rgb(40 40 40);--ki-border: rgb(80 80 80);--ki-border-light: rgb(60 60 60);--ki-l: .7;--ki-c: .15}}.k-inspector *{box-sizing:border-box;padding:0;margin:0}.k-inspector svg{display:block}.k-inspector button,.k-inspector input,.k-inspector select,.k-inspector textarea{accent-color:var(--ki-primary);font:inherit;color:inherit}.k-inspector button{border:none;cursor:pointer;background:none;outline-offset:2px}.k-inspector button:focus-visible{outline:2px solid var(--ki-primary)}.k-inspector button:active{transform:translateY(1px)}.k-inspector .ki-btn{padding:.25rem .375rem;font-size:.75rem;border-radius:4px;background-color:var(--ki-gray-light);border:1px solid var(--ki-border-light)}.k-inspector .ki-btn:hover{border:1px solid var(--ki-primary)}.k-inspector .ki-input{background-color:var(--ki-bg);border:none;padding:.25rem .375rem;border:1px solid var(--ki-border-light);font-size:.75rem;border-radius:4px}.k-inspector .ki-input:focus-visible{outline:none;border-color:var(--ki-primary)}.k-inspector .k-inspector__header{position:sticky;top:0;display:flex;gap:.5rem;padding:.5rem;align-items:center;z-index:2;background-color:var(--ki-bg);border-bottom:1px solid var(--ki-gray-light);border-top:1px solid var(--ki-gray-light);flex-wrap:wrap;font-size:.75rem}.k-inspector .k-inspector__objects{padding:.5rem}.k-inspector .k-inspector__hide{margin-left:auto}.k-inspector .k-inspector__show{position:fixed;bottom:.5rem;right:.5rem}.k-inspector .k-inspector__interval{display:flex;align-items:center;gap:.5rem}.k-inspector .k-inspector__header label{display:flex;align-items:center;gap:.25rem}.k-inspector .game-object{transition:background .5s;position:relative}.k-inspector .game-object .game-object{padding-left:1.5rem}.k-inspector .game-object .game-object:before,.k-inspector .game-object .game-object__comps-wrapper:before{content:"";height:100%;position:absolute;left:.75rem;top:0;border-left:1px solid var(--ki-border)}.k-inspector .game-object .game-object__comps-wrapper:before{left:-1rem}.k-inspector .game-object .game-object:last-child:before{height:1rem}.k-inspector .game-object--no-children .game-object__comps-wrapper:last-child:before{display:none}.k-inspector .game-object--root>.game-object__content .game-object__header:before{display:none}.k-inspector .game-object__content{position:relative}.k-inspector .game-object__header{position:relative;display:flex;padding:.25rem;margin-right:-.25rem;gap:.25rem;align-items:center;height:2rem;width:calc(100% + .25rem);border-radius:4px;outline-offset:0;position:sticky}.k-inspector .game-object__header svg rect{fill:var(--ki-bg)}.k-inspector .game-object__header:hover{background-color:var(--ki-primary-light)}.k-inspector .game-object__header:before{content:"";position:absolute;left:-.75rem;width:.75rem;top:50%;border-bottom:1px solid var(--ki-border)}.k-inspector .game-object__tags{color:var(--ki-primary);font-weight:700}.k-inspector .game-object__comp-names{color:var(--ki-secondary);font-weight:700}.k-inspector .game-object__buttons{position:absolute;top:0;right:0;display:flex;gap:.25rem;align-items:center;height:2rem}.k-inspector .game-object__destroyed{color:var(--ki-red);font-weight:700}.k-inspector .game-object__expand-icon{margin-right:.25rem}.k-inspector .game-object__header:hover .game-object__expand-icon{color:var(--ki-primary)}.k-inspector .game-object__comps-wrapper{position:relative;padding:.5rem 0;margin-left:1.75rem}.k-inspector .game-object__comps{border:1px solid var(--ki-border-light);border-radius:4px;overflow:hidden;font-size:.75rem}.k-inspector .game-object__comps-row{display:grid;align-items:center;padding:.375rem .5rem;gap:.5rem;grid-template-columns:10rem 1fr}.k-inspector .game-object__comps-row input{display:block}.k-inspector .game-object__comps-row:nth-child(2n){background-color:var(--ki-gray-bg)}.k-inspector .game-object__children{padding-bottom:1rem}.k-inspector .pos-controls{display:flex;align-items:center;gap:.25rem;width:fit-content;min-width:12rem}.k-inspector .pos-controls .ki-btn,.k-inspector .pos-controls__value{flex-shrink:0;text-align:center}.k-inspector .pos-controls__value{width:5rem}.k-inspector .text-controls__input{width:100%}.k-inspector .color-controls{display:flex;align-items:center;gap:.5rem;width:fit-content;min-width:12rem}.k-inspector .color-controls__swatch{width:2rem;height:2rem;border-radius:8px;border:1px solid var(--ki-border-light)}.k-inspector .color-controls__slider{display:flex;align-items:center;gap:.25rem}.k-inspector .color-controls__slider-input--r{accent-color:red}.k-inspector .color-controls__slider-input--g{accent-color:green}.k-inspector .color-controls__slider-input--b{accent-color:blue}.k-inspector .breadcrumbs{font-size:.75rem;display:flex;margin-bottom:.5rem;gap:.5rem;align-items:center}*{margin:0;padding:0;box-sizing:border-box}body{background:#1e1e1e;color:#e6e6e6;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;padding-bottom:45vh;padding-bottom:45svh;height:auto!important;font-size:.875rem;line-height:1.4}canvas{margin:0 auto;display:block;max-width:60rem;height:auto!important;width:100%!important}main{max-width:24rem;margin:1rem auto 0}h1{font-size:1rem;font-weight:400;margin-bottom:.5rem}a{color:#6e82fa;text-decoration:none}a:hover{color:#96aafa;text-decoration:underline;text-underline-offset:2px}p{color:#969696;margin-bottom:.5rem}
