@font-face{font-family:But Head;src:url(/assets/But-Head-Regular-bFy4jtSr.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:But Head;src:url(/assets/But-Head-Italic-s4OqgFoK.woff2)format("woff2");font-weight:400;font-style:italic;font-display:block}:root{--w:#fff;--b:#000;--panel:300px;--display:"But Head", ui-monospace, monospace;interpolate-size:allow-keywords}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--w);color:var(--b);font-family:var(--display);font-size:12px;line-height:1.45;transition:background .6s;overflow:hidden}#stage{inset:0 var(--panel) 0 0;cursor:pointer;place-items:center;display:grid;position:fixed}#stage svg{width:100%;height:100%;display:block}#panel{--b:#000;--w:#fff;width:var(--panel);color:var(--b);scrollbar-width:thin;scrollbar-color:var(--b) transparent;background:0 0;flex-direction:column;gap:1rem;padding:0 1.1rem 1rem;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}#panel::-webkit-scrollbar{width:8px}#panel::-webkit-scrollbar-track{background:0 0}#panel::-webkit-scrollbar-thumb{background:var(--b)}#panel header{z-index:10;background:var(--page-bg,var(--w));letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.5rem;padding-top:1rem;padding-bottom:.6rem;font-size:11px;transition:background .6s;display:flex;position:sticky;top:-1rem}#panel header strong{font-weight:400;font-family:var(--display);text-transform:none;letter-spacing:0;font-size:15px}#panel .actions{gap:0;display:flex}#panel .actions button:not(.lock)+button{border-left:1px solid var(--w)}#panel button:not(.lock):not(.tab){font:inherit;cursor:pointer;background:var(--b);color:var(--w);text-transform:uppercase;letter-spacing:.05em;border:0;padding:.3rem .6rem;font-size:8px}#panel button:not(.lock):not(.tab):hover{background:var(--w);color:var(--b)}.ctrl-tabs{grid-template-columns:1.3em 4.4em 1fr}.tabs{flex-wrap:wrap;display:flex}.tab{border:1px solid var(--b);width:18px;height:18px;color:var(--b);cursor:pointer;background:0 0;place-items:center;margin:0;padding:0;display:grid}.tab+.tab{margin-left:-1px}.tab:hover,.tab.active{z-index:1;position:relative}.tab:hover{border-color:var(--b)}.tab.active{background:var(--b);color:var(--w);border-color:var(--b)}.tab svg{width:13px;height:13px;display:block}.controls{flex-direction:column;gap:.35rem;display:flex}.ctrl{grid-template-columns:1.3em 4.4em 1fr 2.6em;align-items:center;gap:.45rem;display:grid}.lock{appearance:none;cursor:pointer;width:14px;height:14px;color:var(--b);fill:none;--lift:-3px;background:0 0;border:0;justify-self:center;margin:0;padding:0;line-height:0}.lock.is-locked{fill:currentColor;--lift:0px}.lock svg{width:14px;height:14px;display:block;overflow:visible}.cube-row{align-items:center;gap:.45rem;display:flex}.poline-wrap{justify-content:center;display:flex}poline-picker{aspect-ratio:1;--poline-picker-line-color:var(--b);--poline-picker-bg-color:var(--w);width:100%;max-width:240px;display:block}.cube-row select{flex:1}.ctrl-select,.ctrl-check{grid-template-columns:1.3em 4.4em 1fr}.ctrl-check input[type=checkbox]{width:14px;height:14px;accent-color:var(--b);cursor:pointer;justify-self:end;margin:0}.ctrl-select select{text-align:right}.ctrl-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ctrl-val{text-align:right;font-variant-numeric:tabular-nums}.range-wrap{cursor:pointer;height:1.4rem;position:relative}.range-wrap input[type=range]{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.range-wrap:before{content:"";background:var(--b);height:1px;position:absolute;bottom:0;left:0;right:0}.range-wrap:after{content:"";background-image:linear-gradient(to right, var(--b) 0 1px, transparent 1px);background-size:calc(100% / var(--ticks,20)) 100%;pointer-events:none;background-repeat:repeat-x;height:.22rem;position:absolute;bottom:0;left:0;right:0}.range-cap-left,.range-cap-right{background:var(--b);pointer-events:none;width:1px;height:.4rem;position:absolute;bottom:0}.range-cap-left{left:0}.range-cap-right{right:0}.range-thumb{bottom:.4rem;left:calc(var(--val,.5) * 100%);background:var(--w);border:1px solid var(--b);pointer-events:none;z-index:1;width:.5rem;height:.5rem;transition:transform .15s 50ms;position:absolute;transform:translate(-50%)}.range-thumb:after{content:"";background:var(--b);width:1px;height:.3rem;transition:transform .1s cubic-bezier(.3,.7,0,1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.range-wrap:hover .range-thumb,.range-wrap:active .range-thumb{transform:translate(-50%)rotate(45deg)}.range-wrap:hover .range-thumb:after,.range-wrap:active .range-thumb:after{transform:translate(-50%)scaleY(0)}#panel summary{cursor:pointer;font-family:var(--display);letter-spacing:.02em;align-items:center;gap:.4rem;font-size:14px;font-weight:400;list-style:none;display:flex}.sec-title{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.sec-title:after{content:"";border-top:1px solid var(--b);flex:1}.sec-key{letter-spacing:0;font-variant-numeric:tabular-nums;font-size:11px}#panel [data-key-cube]{text-overflow:ellipsis;white-space:nowrap;max-width:20ch;display:block;overflow:hidden}#panel summary::-webkit-details-marker{display:none}#panel summary:after{content:"";border-top:.27em solid #0000;border-bottom:.27em solid #0000;border-left:.34em solid;width:0;height:0;margin-right:.2em;transition:transform .2s}#panel details[open]>summary:after{transform:rotate(90deg)}.sec-body{flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}#panel details::details-content{height:0;transition:height .25s ease, content-visibility .25s allow-discrete;overflow:hidden}#panel details[open]::details-content{height:auto}#panel select{appearance:none;width:100%;color:var(--b);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;text-decoration:underline}.swatches{border:1px solid var(--b);height:1rem;display:flex}.swatches span{flex:1}#panel footer{flex-direction:column;gap:.5rem;margin-top:auto;font-size:11px;display:flex}#panel footer code{font-family:var(--display);word-break:break-all}.dl-btn{letter-spacing:.08em;width:100%;min-height:0!important;padding:.5rem!important;font-size:11px!important}#menu-toggle{display:none}.libs{flex-wrap:wrap;align-items:baseline;gap:.25rem .55rem;display:flex}.libs-label{text-transform:uppercase;letter-spacing:.08em;font-size:9px}.libs a{color:var(--b);border-bottom:1px solid var(--b);text-decoration:none}.libs a:hover{border-bottom-color:var(--b)}@media (width<=720px){:root{--panel:0px}#panel{z-index:20;background:var(--w);width:min(88vw,320px);padding-bottom:5rem;transition:transform .25s;transform:translate(100%)}#panel.open{transform:none}#panel header{background:var(--w)}#menu-toggle{z-index:30;color:#fff;font-family:var(--display);letter-spacing:.06em;cursor:pointer;background:#000;border:0;padding:.6rem .9rem;font-size:13px;display:inline-block;position:fixed;bottom:1rem;right:1rem}}