:root{color-scheme:light dark;--c-white: #fff;--c-black: #292f2f;--c-surface: light-dark(var(--c-white), var(--c-black));--c-surface-on: light-dark(var(--c-black), 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-family:Iosevka Web,Iosevka,ui-monospace,SF Mono,Cascadia Code,monospace;font-weight:300;font-size:calc(.75rem + .3vw);line-height:1.5;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}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--c-surface);color:var(--c-surface-on);display:flex;flex-direction:column-reverse;align-items:center;padding:2rem 1rem}::selection{background:var(--c-surface-on);color:var(--c-surface)}h1,h2,h3,label{font-family:inherit;font-weight:400;font-style:normal;margin:0}label{font-size:.75em;letter-spacing:.02em}kbd{font-family:inherit;font-size:.85em;padding:.05em .35em;border:var(--s-line) solid currentColor;border-radius:3px;background:transparent}.picker__about{width:min(500px,100%);margin-top:1.5rem;font-size:.9rem;line-height:1.6}.picker__about h1{font-size:2em;letter-spacing:-.03em;font-weight:200;margin-top:1.5rem;margin-bottom:.7rem}.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;font-weight:200;margin-top:2em;margin-bottom:.75em}.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{padding:.4rem .75rem .4rem 1.4rem;cursor:pointer;font-size:.85em;font-weight:400;letter-spacing:.02em;transition:background .05s linear}.picker__manual summary{list-style:none}.picker__manual summary:hover{background:var(--c-surface-on);color:var(--c-surface)}.picker__manual p{font-size:.8em;padding:.4rem 1.4rem .6rem;color:var(--c-surface-on);border-top:var(--s-line) solid var(--c-border)}.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{width:min(500px,100%);border:var(--s-line) solid var(--c-surface-on);display:flex;flex-direction:column}.picker__header{display:flex;align-items:center;justify-content:space-between;border-bottom:var(--s-line) solid var(--c-surface-on)}.picker__title{font-size:.75em;font-weight:400;letter-spacing:.02em;padding:.4rem .75rem}.picker__settings-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.75em;letter-spacing:.02em;border-left:var(--s-line) solid var(--c-surface-on);padding:.4rem .75rem;align-self:stretch}.picker__settings-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.3,.7,0,1);border-bottom:var(--s-line) solid var(--c-border)}.picker__settings-body.is-open{grid-template-rows:1fr}.picker__settings-inner{overflow:hidden;display:flex;flex-direction:column}.picker__settings-body label{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;border-bottom:var(--s-line) solid var(--c-border);gap:1rem;opacity:0;transform:translateY(-.5rem);transition:opacity .1s linear .1s,transform .3s cubic-bezier(.3,.7,0,1)}.picker__settings-body.is-open label{opacity:1;transform:translateY(0);transition-delay:calc(var(--i, 0) * 30ms)}.picker__settings-body label:last-child{border-bottom:none}input[type=checkbox]{width:2rem;height:.7rem;border:var(--s-line) solid var(--c-surface-on);background:var(--c-surface);border-radius:999px;position:relative;cursor:pointer;appearance:none;-webkit-appearance:none;flex:0 0 auto;transition:background .1s linear .1s,border-color .1s linear .1s}input[type=checkbox]:after{content:"";position:absolute;top:1px;left:1px;width:calc(1rem - 2px);height:calc(100% - 2px);border-radius:2rem;background:var(--c-surface-on);transition:transform .45s cubic-bezier(.3,.7,0,1)}input[type=checkbox]:checked{background:var(--c-surface-on);border-color:var(--c-surface-on)}input[type=checkbox]:checked:after{transform:translate(calc(1rem - 2px));background:var(--c-surface)}.picker__model-row{display:flex;align-items:center;padding:.4rem .5rem .4rem .75rem;border-bottom:var(--s-line) solid var(--c-border);gap:.5rem}.picker__model-row>span{flex:0 0 auto}.picker__model-controls{display:flex;flex:1;min-width:0;border:var(--s-line) solid var(--c-surface-on)}.picker__model-controls>select{flex:1;min-width:0;border:none}.axis-buttons{display:flex;flex:0 0 auto;border-left:var(--s-line) solid var(--c-surface-on)}.axis-btn{padding:.2rem .65rem;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;transition:background .05s linear,color .05s 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);padding:.4rem 1.4rem .4rem .2rem;cursor:pointer;outline:none;appearance:none;-webkit-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-repeat:no-repeat;background-position:right .4rem center;background-size:.5rem;min-width:8rem}select:focus{outline:var(--s-line) solid var(--c-surface-on);outline-offset:1px}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;height:1.2rem;flex:1;min-width:0}input[type=range]::-webkit-slider-runnable-track{height:var(--s-line);background:var(--c-surface-on)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.5rem;height:.5rem;background:var(--c-surface);border:var(--s-line) solid var(--c-surface-on);border-radius:50%;margin-top:calc(-.5rem / 2 + var(--s-line) / 2);box-shadow:0 0 0 var(--s-line--fat) var(--c-surface)}input[type=range]::-moz-range-track{height:var(--s-line);background:var(--c-surface-on)}input[type=range]::-moz-range-thumb{width:.5rem;height:.5rem;background:var(--c-surface);border:var(--s-line) solid var(--c-surface-on);border-radius:50%;box-shadow:0 0 0 var(--s-line--fat) var(--c-surface)}.picker__swatches{display:flex;flex-wrap:nowrap;border-bottom:var(--s-line) solid var(--c-surface-on);padding:0;gap:0}.picker__swatch{min-width:0;height:1.8rem;flex:1 1 0;border:var(--s-line) solid var(--c-border);cursor:pointer;position:relative;transition:flex .15s cubic-bezier(.3,.7,0,1),transform .1s cubic-bezier(.3,.7,0,1)}.picker__swatch:hover{flex:3 1 0;z-index:1}.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{position:absolute;width:2em;top:0;bottom:0;right:0;border:none;color:var(--c-surface);cursor:pointer;font-size:.85rem;font-family:inherit;opacity:0;transition:opacity .1s;background:#fff}.picker__swatch__remove:after{content:"×";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-.05ex;color:var(--c-surface-on)}.picker__swatch:hover .picker__swatch__remove{opacity:1}.picker__canvas-wrap{position:relative;aspect-ratio:1;overflow:hidden;border-bottom:var(--s-line) solid var(--c-surface-on);cursor:crosshair;touch-action:none}.picker__canvas-wrap canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;image-rendering:pixelated;pointer-events:none}.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__slider{display:flex;align-items:stretch;border-bottom:var(--s-line) solid var(--c-surface-on)}.picker__axis-switcher{display:flex;overflow:hidden;border-right:var(--s-line) solid var(--c-surface-on);transition:width .3s cubic-bezier(.3,.7,0,1)}.picker__axis-btn{font-size:.75em;font-family:inherit;font-weight:inherit;letter-spacing:.02em;white-space:nowrap;min-width:0;width:0;text-align:center;display:flex;align-items:center;justify-content:center;padding:.4rem 0;background:var(--c-surface);color:var(--c-surface-on-alt);border:none;cursor:pointer;overflow:hidden;transition:width .3s cubic-bezier(.3,.7,0,1),padding .3s cubic-bezier(.3,.7,0,1),background .05s linear,color .05s linear}.picker__axis-btn.is-active{width:2.5em;padding:.4rem .75rem;color:var(--c-surface-on)}.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-cell{flex:1;min-width:0;position:relative;background:var(--c-surface);overflow:clip}.picker__slider-cell:before{content:"";position:absolute;inset:0;background:var(--slider-gradient, transparent);opacity:0;transform:translateY(-100%);transition:opacity .3s cubic-bezier(.3,.7,0,1),transform .3s cubic-bezier(.3,.7,0,1)}.picker__slider:hover .picker__slider-cell:before{opacity:1;transform:translateY(0)}.picker__slider input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0 .75rem;background:transparent}.picker__add{display:flex;align-items:center;justify-content:center;width:100%;height:1.8rem;padding:0 .75rem;border:none;background:var(--c-surface);color:var(--c-surface-on-alt);cursor:pointer;font-family:inherit;font-size:.85em;font-weight:inherit;overflow:hidden;transition:background .05s linear,color .05s linear}.picker__add:hover,.picker__add.is-picking{background:var(--c-surface-on);color:var(--c-surface)}.picker__add.is-compact{width:1.8rem;height:1.8rem;padding:0;border:var(--s-line) solid var(--c-border);flex-shrink:0;margin-left:auto;position:relative;overflow:visible;transition:background .05s linear,color .05s linear,border-color .15s ease}.picker__add-icon{font-size:1.5em;line-height:1;margin-top:-.1em;margin-left:.3em}.picker__add.is-compact .picker__add-icon{margin-left:0;position:relative;z-index:2}.picker__add-label{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.picker__add.is-compact .picker__add-label{position:absolute;right:100%;top:calc(-1 * var(--s-line));bottom:calc(-1 * var(--s-line));display:flex;align-items:center;white-space:nowrap;padding:0 .75em 0 1em;background:var(--c-surface-on);color:var(--c-surface);opacity:0;transform:translate(.5em);pointer-events:none;transition:opacity .2s cubic-bezier(.3,.7,0,1),transform .3s cubic-bezier(.3,.7,0,1)}.picker__add.is-compact:hover .picker__add-label,.picker__add.is-compact.is-picking .picker__add-label{opacity:1;transform:translate(0);pointer-events:auto}.picker__add.is-compact:hover,.picker__add.is-compact.is-picking{border-color:var(--c-surface-on);z-index:3}.picker__io-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.4rem .75rem;cursor:pointer;font-size:.75em;letter-spacing:.02em;border-top:var(--s-line) solid var(--c-border)}.picker__io-toggle>span{display:flex;align-items:center}.picker__io-led{display:inline-block;width:0;height:.5em;border-radius:50%;transition:width .3s cubic-bezier(.3,.7,0,1),margin .3s cubic-bezier(.3,.7,0,1),background .3s ease}.picker__io-led.is-active{width:.5em;margin-right:.4em;background:#4a2;box-shadow:0 0 4px #4a2}.picker__bottom{flex:0 0 auto;border-top:var(--s-line) solid var(--c-border);display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.3,.7,0,1)}.picker__bottom.is-open{grid-template-rows:1fr}.picker__bottom-inner{overflow:hidden;display:flex;flex-direction:column}.picker__bottom .picker__paste,.picker__bottom .picker__beam{opacity:0;transform:translateY(-.5rem);transition:opacity .25s linear,transform .25s cubic-bezier(.3,.7,0,1)}.picker__bottom.is-open .picker__paste{opacity:1;transform:translateY(0);transition-delay:50ms}.picker__bottom.is-open .picker__beam{opacity:1;transform:translateY(0);transition-delay:.1s}.picker__paste{flex:0 0 auto;resize:none;width:100%;padding:.6rem .75rem;border:none;background:var(--c-surface);color:var(--c-surface-on);font-size:.8em;height:5em;outline:none;font-family:inherit;font-weight:inherit}.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{display:flex;flex-wrap:wrap;flex:0 0 auto;border-top:var(--s-line) solid var(--c-surface-on)}.beam__label{flex:0 0 auto;padding:.4rem .75rem;font-size:.75em;letter-spacing:.02em;color:var(--c-surface-on-alt);border-right:var(--s-line) solid var(--c-surface-on)}.beam__mode{flex:0 0 auto;padding:0 1.2rem 0 .5rem;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;outline:none;appearance:none;-webkit-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-repeat:no-repeat;background-position:right .35rem center;background-size:.45rem}.beam__token{flex:1 1 auto;padding:.5rem .75rem;border:none;background:var(--c-surface);color:var(--c-surface-on);font-family:inherit;font-size:.8em;font-weight:inherit;outline:none;min-width:0}.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{flex:0 0 auto;padding:0 .75rem;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;transition:background .05s linear,color .05s 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{flex:0 0 auto;padding:0 .75rem;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;transition:background .05s linear,color .05s linear}.beam__copy:hover{background:var(--c-surface-on);color:var(--c-surface)}.beam__status{display:none;width:100%;padding:.25rem .75rem;font-size:.75em;color:color-mix(in lab,tomato 60%,var(--c-surface-on));border-top:var(--s-line) solid var(--c-surface-on)}.beam__status[data-state=error]{display:block}.beam__status[data-state=info]{display:block;color:var(--c-surface-on-alt)}.cursor-probe{position:fixed;left:0;top:0;z-index:1000;display:none;align-items:stretch;gap:0;padding:0;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}.cursor-probe.is-visible{display:inline-flex}.cursor-probe__dot{width:1.75rem;align-self:stretch;flex:0 0 auto}.cursor-probe__label{font-size:.7em;padding:.35rem .5rem;display:flex;align-items:center}