.controller{display:flex;gap:.375rem;font-size:.875rem;line-height:1.25rem}.controller .btn{flex:none;justify-content:center;border-width:1px}.controller .btn:hover{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.controller .btn.flex-1{flex:1}.controller .btn.active,.controller .btn:hover{--un-border-opacity:1;border-color:rgb(96 165 250 / var(--un-border-opacity))}#inner{display:flex}#inner::-webkit-scrollbar{display:none}#workload{position:relative;cursor:crosshair;transform-origin:0 0}#workload.has-grid{border-bottom-width:1px;border-right-width:1px;background-image:linear-gradient(90deg,#f0f0f075 1px,transparent 0),linear-gradient(180deg,#f0f0f075 1px,transparent 0);background-size:var(--zoom-size);border-color:#dddddd50}#controller.has-grid{background-image:linear-gradient(90deg,#dddddd50 1px,transparent 0),linear-gradient(180deg,#dddddd50 1px,transparent 0);background-position-x:0;background-position-y:0;background-size:50% 50%}.palette .btn,.palette .p-2\.5{border-radius:.25rem;padding:1rem}@media (min-width: 768px){.palette .btn,.palette .p-2\.5{padding:.75rem}}