:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--c-white:#fff;--c-black:#292f2f;--c-surface:var(--lightningcss-light,var(--c-white))var(--lightningcss-dark,var(--c-black));--c-surface-on:var(--lightningcss-light,var(--c-black))var(--lightningcss-dark,var(--c-white));--c-surface-on-alt:color-mix(in lab, var(--c-surface-on) 50%, var(--c-surface));--c-border:color-mix(in lab, var(--c-surface-on) 20%, var(--c-surface));--s-line:1px;--s-line--fat:2px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--c-surface-on) var(--c-surface);scrollbar-width:thin;font-family:Iosevka Web,Iosevka,ui-monospace,SF Mono,Cascadia Code,monospace;font-size:calc(.75rem + .3vw);font-weight:300;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--c-surface);color:var(--c-surface-on);flex-direction:column-reverse;align-items:center;padding:2rem 1rem;display:flex}::selection{background:var(--c-surface-on);color:var(--c-surface)}h1,h2,h3,label{margin:0;font-family:inherit;font-style:normal;font-weight:400}label{letter-spacing:.02em;font-size:.75em}kbd{border:var(--s-line) solid currentColor;background:0 0;border-radius:3px;padding:.05em .35em;font-family:inherit;font-size:.85em}.picker__about{width:min(500px,100%);margin-top:1.5rem;font-size:.9rem;line-height:1.6}.picker__about h1{letter-spacing:-.03em;margin-top:1.5rem;margin-bottom:.7rem;font-size:2em;font-weight:200}.picker__about p{margin-bottom:.5em;padding-inline-start:1.4rem}.picker__about p+p{margin-top:.75em}.picker__about a{color:inherit}.picker__links{margin-top:1.5em}.picker__about h2{letter-spacing:-.03em;margin-top:2em;margin-bottom:.75em;font-weight:200}.picker__manual{border:var(--s-line) solid var(--c-surface-on);border-bottom:none}.picker__manual:last-of-type{border-bottom:var(--s-line) solid var(--c-surface-on)}.picker__manual summary{cursor:pointer;letter-spacing:.02em;padding:.4rem .75rem .4rem 1.4rem;font-size:.85em;font-weight:400;list-style:none;transition:background 50ms linear}.picker__manual summary:hover{background:var(--c-surface-on);color:var(--c-surface)}.picker__manual-body{color:var(--c-surface-on);border-top:var(--s-line) solid var(--c-border);padding:1rem 1.4rem 1.4rem;font-size:.8em}.picker__manual-body p{margin:0}.picker__manual-body p+p{margin-top:.4rem}.picker__manual-body dl{margin:0}.picker__manual-body dt{margin-top:.5rem}.picker__manual-body dt:first-child{margin-top:0}.picker__manual-body dd{margin:.15rem 0 0 1.4rem}.picker__keys{border-collapse:collapse;width:100%;margin:.5rem 0 1rem;font-size:.8em}.picker__keys td{border-bottom:var(--s-line) solid var(--c-border);padding:.3rem .75rem}.picker__keys td:first-child{white-space:nowrap;padding-left:1.4rem}.picker__about a:hover{text-decoration-thickness:2px}.picker__about .kofi{width:2.5em;height:2.5em;margin-top:1em;margin-left:-.4em;display:block}.picker__about .kofi:hover img{animation:.5s shakeup}.picker__about .kofi img{transform-origin:50%;width:100%}@keyframes shakeup{25%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.picker{border:var(--s-line) solid var(--c-surface-on);flex-direction:column;width:min(500px,100%);display:flex}.picker__header{border-bottom:var(--s-line) solid var(--c-surface-on);justify-content:space-between;align-items:center;display:flex}.picker__title{letter-spacing:.02em;padding:.4rem .75rem;font-size:.75em;font-weight:400}.picker__settings-toggle{cursor:pointer;letter-spacing:.02em;border-left:var(--s-line) solid var(--c-surface-on);align-self:stretch;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.75em;display:flex}.picker__settings-body{border-bottom:var(--s-line) solid var(--c-border);grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.3,.7,0,1);display:grid}.picker__settings-body.is-open{grid-template-rows:1fr}.picker__settings-inner{flex-direction:column;display:flex;overflow:hidden}.picker__settings-body label{border-bottom:var(--s-line) solid var(--c-border);opacity:0;justify-content:space-between;align-items:center;gap:1rem;padding:.4rem .75rem;transition:opacity .1s linear .1s,transform .3s cubic-bezier(.3,.7,0,1);display:flex;transform:translateY(-.5rem)}.picker__settings-body.is-open label{opacity:1;transition-delay:calc(var(--i,0) * 30ms);transform:translateY(0)}.picker__settings-body label:last-child{border-bottom:none}input[type=checkbox]{border:var(--s-line) solid var(--c-surface-on);background:var(--c-surface);cursor:pointer;appearance:none;border-radius:999px;flex:none;width:2rem;height:.7rem;transition:background .1s linear .1s,border-color .1s linear .1s;position:relative}input[type=checkbox]:after{content:"";background:var(--c-surface-on);border-radius:2rem;width:calc(1rem - 2px);height:calc(100% - 2px);transition:transform .45s cubic-bezier(.3,.7,0,1);position:absolute;top:1px;left:1px}input[type=checkbox]:checked{background:var(--c-surface-on);border-color:var(--c-surface-on)}input[type=checkbox]:checked:after{background:var(--c-surface);transform:translate(calc(1rem - 2px))}.picker__model-row{border-bottom:var(--s-line) solid var(--c-border);align-items:center;gap:.5rem;padding:.4rem .5rem .4rem .75rem;display:flex}.picker__model-row>span{flex:none}.picker__model-right{flex:1;gap:.2rem;min-width:0;display:flex}.picker__model-controls{border:var(--s-line) solid var(--c-surface-on);flex:1;min-width:0;display:flex}.picker__model-controls>select{border:none;flex:1;min-width:0}.picker__invert-group{border:var(--s-line) solid var(--c-surface-on);flex:none;margin-left:.35rem;display:flex}.picker__invert-btn{background:var(--c-surface);color:var(--c-surface-on);cursor:pointer;font-size:inherit;font-family:inherit;font-weight:inherit;border:none;padding:.2rem .45rem;transition:background 50ms linear,color 50ms linear}.picker__invert-btn:hover,.picker__invert-btn.is-active{background:var(--c-surface-on);color:var(--c-surface)}.axis-buttons{border-left:var(--s-line) solid var(--c-surface-on);flex:none;display:flex}.axis-btn{border:none;border-right:var(--s-line) solid var(--c-surface-on);background:var(--c-surface);color:var(--c-surface-on-alt);cursor:pointer;font-size:inherit;font-family:inherit;font-weight:inherit;padding:.2rem .65rem;transition:background 50ms linear,color 50ms linear}.axis-btn:last-child{border-right:none}.axis-btn:hover{color:var(--c-surface-on)}.axis-btn.is-active{background:var(--c-surface-on);color:var(--c-surface)}select,input[type=range],button{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit}select{background:var(--c-surface);border:var(--s-line) solid var(--c-surface-on);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='currentColor'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;background-size:.5rem;outline:none;min-width:8rem;padding:.4rem 1.4rem .4rem .2rem}select:focus{outline:var(--s-line) solid var(--c-surface-on);outline-offset:1px}input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:1.2rem}input[type=range]::-webkit-slider-runnable-track{height:var(--s-line);background:var(--c-surface-on)}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--c-surface);border:var(--s-line) solid var(--c-surface-on);width:.5rem;height:.5rem;margin-top:calc(-.5rem / 2 + var(--s-line) / 2);box-shadow:0 0 0 var(--s-line--fat) var(--c-surface);border-radius:50%}input[type=range]::-moz-range-track{height:var(--s-line);background:var(--c-surface-on)}input[type=range]::-moz-range-thumb{background:var(--c-surface);border:var(--s-line) solid var(--c-surface-on);width:.5rem;height:.5rem;box-shadow:0 0 0 var(--s-line--fat) var(--c-surface);border-radius:50%}.picker__swatches{border-bottom:var(--s-line) solid var(--c-surface-on);flex-wrap:nowrap;gap:0;padding:0;display:flex}.picker__swatch{border:var(--s-line) solid var(--c-border);cursor:pointer;flex:1 1 0;min-width:0;height:1.8rem;transition:flex .15s cubic-bezier(.3,.7,0,1),transform .1s cubic-bezier(.3,.7,0,1);position:relative}.picker__swatch:hover{z-index:1;flex:3 1 0}.picker__swatch.is-selected{border:var(--s-line--fat) solid var(--c-surface-on);box-shadow:0 0 0 var(--s-line--fat) var(--c-surface);z-index:1}.picker__swatch__remove{width:2em;color:var(--c-surface);cursor:pointer;opacity:0;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);border:none;font-family:inherit;font-size:.85rem;transition:opacity .1s;position:absolute;top:0;bottom:0;right:0}.picker__swatch__remove:after{content:"×";color:var(--c-surface-on);margin-top:-.05ex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.picker__swatch:hover .picker__swatch__remove{opacity:1}.picker__canvas-wrap{aspect-ratio:1;border-bottom:var(--s-line) solid var(--c-surface-on);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-image:radial-gradient(circle, var(--c-surface-on) .75px, transparent .75px), radial-gradient(circle, var(--c-surface-on) .75px, transparent .75px);background-position:0 0,5px 5px;background-size:10px 10px;position:relative;overflow:hidden}.picker__canvas-wrap.is-grabbing{cursor:grabbing}.picker__canvas-wrap.is-crosshair,.picker__canvas-wrap.is-empty{cursor:crosshair}.picker__canvas-wrap canvas{image-rendering:pixelated;pointer-events:none;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.picker__canvas-wrap canvas.mask-canvas{image-rendering:auto;z-index:3}.picker__canvas-wrap canvas.highlight-canvas{image-rendering:auto;z-index:4;pointer-events:none}.picker__canvas-wrap canvas.markers-canvas{image-rendering:auto;z-index:5;pointer-events:none}.picker__slider{border-bottom:var(--s-line) solid var(--c-surface-on);align-items:stretch;display:flex;overflow:hidden}.picker__axis-switcher{border-right:var(--s-line) solid var(--c-surface-on);transition:width .3s cubic-bezier(.3,.7,0,1);display:flex;overflow:hidden}.picker__axis-btn{font-family:inherit;font-size:.75em;font-weight:inherit;letter-spacing:.02em;white-space:nowrap;text-align:center;background:var(--c-surface);width:0;min-width:0;color:var(--c-surface-on-alt);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.4rem 0;transition:width .3s cubic-bezier(.3,.7,0,1),padding .3s cubic-bezier(.3,.7,0,1),background 50ms linear,color 50ms linear;display:flex;overflow:hidden}.picker__axis-btn.is-active{width:2.5em;color:var(--c-surface-on);padding:.4rem .75rem}.picker__axis-switcher:hover .picker__axis-btn{width:2.5em;padding:.4rem .75rem}.picker__axis-btn:hover{background:var(--c-surface-on);color:var(--c-surface)}.picker__axis-btn+.picker__axis-btn{border-left:var(--s-line) solid var(--c-border)}.picker__slider-invert-btn{border:none;border-left:var(--s-line) solid var(--c-surface-on);background:var(--c-surface);color:var(--c-surface-on);cursor:pointer;font-size:inherit;font-family:inherit;font-weight:inherit;flex:none;padding:0 .45rem;transition:background 50ms linear,color 50ms linear}.picker__slider-invert-btn:hover,.picker__slider-invert-btn.is-active{background:var(--c-surface-on);color:var(--c-surface)}.picker__slider-cell{background:var(--c-surface);flex:1;min-width:0;margin:-.5rem 0;padding:.5rem 0;position:relative;overflow:clip}.picker__slider-cell:before{content:"";background:var(--slider-gradient,transparent);opacity:0;transition:opacity .3s cubic-bezier(.3,.7,0,1),transform .3s cubic-bezier(.3,.7,0,1);position:absolute;inset:0;transform:translateY(-100%)}.picker__slider:hover .picker__slider-cell:before{opacity:1;transform:translateY(0)}.picker__slider input[type=range]{background:0 0;width:100%;height:100%;margin:0;padding:0 .75rem;position:absolute;inset:0}.picker__add{background:var(--c-surface);width:100%;height:1.8rem;color:var(--c-surface-on-alt);cursor:pointer;font-family:inherit;font-size:.85em;font-weight:inherit;border:none;justify-content:center;align-items:center;padding:0 .75rem;transition:background 50ms linear,color 50ms linear;display:flex;overflow:hidden}.picker__add:hover,.picker__add.is-picking{background:var(--c-surface-on);color:var(--c-surface)}.picker__add.is-compact{border:var(--s-line) solid var(--c-border);border-left-color:var(--c-surface-on);flex-shrink:0;width:1.95rem;height:1.8rem;margin-left:auto;padding:0;transition:background 50ms linear,color 50ms linear,border-color .15s;position:relative;overflow:visible}.picker__add-icon{margin-top:-.1em;margin-left:.3em;font-size:1.5em;line-height:1}.picker__add.is-compact .picker__add-icon{z-index:2;margin-left:0;position:relative}.picker__add-label{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.picker__add.is-compact .picker__add-label{right:100%;top:calc(-1 * var(--s-line));bottom:calc(-1 * var(--s-line));white-space:nowrap;background:var(--c-surface-on);color:var(--c-surface);opacity:0;pointer-events:none;align-items:center;padding:0 .75em 0 1em;transition:opacity .2s cubic-bezier(.3,.7,0,1),transform .3s cubic-bezier(.3,.7,0,1);display:flex;position:absolute;transform:translate(.5em)}.picker__add.is-compact:hover .picker__add-label,.picker__add.is-compact.is-picking .picker__add-label{opacity:1;pointer-events:auto;transform:translate(0)}.picker__add.is-compact:hover,.picker__add.is-compact.is-picking{border-color:var(--c-surface-on);z-index:3}.picker__io-toggle{cursor:pointer;letter-spacing:.02em;border-top:var(--s-line) solid var(--c-border);justify-content:space-between;align-items:center;width:100%;padding:.4rem .75rem;font-size:.75em;display:flex}.picker__io-toggle>span{align-items:center;display:flex}.picker__io-led{border-radius:50%;width:0;height:.5em;transition:width .3s cubic-bezier(.3,.7,0,1),margin .3s cubic-bezier(.3,.7,0,1),background .3s;display:inline-block}.picker__io-led.is-active{background:#4a2;width:.5em;margin-right:.4em;box-shadow:0 0 4px #4a2}.picker__bottom{border-top:var(--s-line) solid var(--c-border);flex:none;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.3,.7,0,1);display:grid}.picker__bottom.is-open{grid-template-rows:1fr}.picker__bottom-inner{flex-direction:column;display:flex;overflow:hidden}.picker__bottom .picker__paste,.picker__bottom .picker__beam{opacity:0;transition:opacity .25s linear,transform .25s cubic-bezier(.3,.7,0,1);transform:translateY(-.5rem)}.picker__bottom.is-open .picker__paste{opacity:1;transition-delay:50ms;transform:translateY(0)}.picker__bottom.is-open .picker__beam{opacity:1;transition-delay:.1s;transform:translateY(0)}.picker__paste{resize:none;background:var(--c-surface);width:100%;color:var(--c-surface-on);height:5em;font-family:inherit;font-size:.8em;font-weight:inherit;border:none;outline:none;flex:none;padding:.6rem .75rem}.picker__paste::placeholder{color:var(--c-surface-on-alt)}.picker__paste:focus{background:color-mix(in lab, var(--c-surface-on) 4%, var(--c-surface))}.picker__beam{border-top:var(--s-line) solid var(--c-surface-on);flex-wrap:wrap;flex:none;display:flex}.beam__label{letter-spacing:.02em;color:var(--c-surface-on-alt);border-right:var(--s-line) solid var(--c-surface-on);flex:none;padding:.4rem .75rem;font-size:.75em}.beam__mode{border:none;border-right:var(--s-line) solid var(--c-surface-on);background:var(--c-surface);color:var(--c-surface-on);font-family:inherit;font-size:.8em;font-weight:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='currentColor'/%3E%3C/svg%3E");background-position:right .35rem center;background-repeat:no-repeat;background-size:.45rem;outline:none;flex:none;padding:0 1.2rem 0 .5rem}.beam__token{background:var(--c-surface);color:var(--c-surface-on);font-family:inherit;font-size:.8em;font-weight:inherit;border:none;outline:none;flex:auto;min-width:0;padding:.5rem .75rem}.beam__token::placeholder{color:var(--c-surface-on-alt)}.beam__token:focus{background:color-mix(in lab, var(--c-surface-on) 4%, var(--c-surface))}.beam__token:disabled{opacity:.5}.beam__connect{border:none;border-left:var(--s-line) solid var(--c-surface-on);background:var(--c-surface);color:var(--c-surface-on-alt);font-family:inherit;font-size:.75em;font-weight:inherit;cursor:pointer;flex:none;padding:0 .75rem;transition:background 50ms linear,color 50ms linear}.beam__connect:hover:not(:disabled){background:var(--c-surface-on);color:var(--c-surface)}.beam__connect:disabled{opacity:.4;cursor:not-allowed}.beam__copy{border:none;border-left:var(--s-line) solid var(--c-surface-on);background:var(--c-surface);color:var(--c-surface-on-alt);font-family:inherit;font-size:.75em;font-weight:inherit;cursor:pointer;flex:none;padding:0 .75rem;transition:background 50ms linear,color 50ms linear}.beam__copy:hover{background:var(--c-surface-on);color:var(--c-surface)}.beam__status{width:100%;color:color-mix(in lab, tomato 60%, var(--c-surface-on));border-top:var(--s-line) solid var(--c-surface-on);padding:.25rem .75rem;font-size:.75em;display:none}.beam__status[data-state=error]{display:block}.beam__status[data-state=info]{color:var(--c-surface-on-alt);display:block}.cursor-probe{z-index:1000;border:var(--s-line) solid var(--c-surface-on);background:color-mix(in lab, var(--c-surface) 85%, transparent);color:var(--c-surface-on);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;white-space:nowrap;grid-template-columns:auto 1fr;gap:0;padding:0;display:none;position:fixed;top:0;left:0}.cursor-probe.is-visible{display:inline-grid}.cursor-probe__dot{flex:none;align-self:stretch;width:1.75rem}.cursor-probe__label{align-items:center;padding:.35rem .5rem;font-size:.7em;display:flex}.cursor-probe__hint:empty{display:none}.cursor-probe__hint{background:var(--lightningcss-light,var(--c-black))var(--lightningcss-dark,var(--c-white));color:var(--lightningcss-light,var(--c-white))var(--lightningcss-dark,var(--c-black));grid-area:1/1/auto/-1;padding:.25rem .5rem;font-size:.6em}