.app-main__canvas{display:block;max-height:inherit;max-width:inherit}.app-main__canvas-container{display:grid;grid-template-rows:1fr auto}.app-main__canvas-wrapper{display:grid}.app-main__canvas-wrapper>div{margin:auto;position:relative}.app-main__blur-processing{position:absolute;inset:0;background:rgba(var(--bs-body-bg-rgb),.6);display:flex;align-items:center;justify-content:center}.app-main__selection-polygon{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.app-main__selection-polygon-point{position:absolute;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--bs-primary);border-radius:50%;cursor:pointer}.app-main__selection{position:absolute;cursor:move;background:rgba(var(--bs-primary-rgb),.2)}.app-main__selection--rect{border:1px dashed var(--bs-primary)}.app-main__selection--circle{border:1px dashed var(--bs-primary);border-radius:50%}.app-main__selection-resize{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--bs-primary)}.app-main__selection-resize.resize-n{cursor:n-resize;top:-6px;left:50%;transform:translateX(-50%)}.app-main__selection-resize.resize-s{cursor:s-resize;bottom:-6px;left:50%;transform:translateX(-50%)}.app-main__selection-resize.resize-e{cursor:e-resize;right:-6px;top:50%;transform:translateY(-50%)}.app-main__selection-resize.resize-w{cursor:w-resize;left:-6px;top:50%;transform:translateY(-50%)}.app-main__selection-resize.resize-ne{cursor:ne-resize;top:-6px;right:-6px}.app-main__selection-resize.resize-nw{cursor:nw-resize;top:-6px;left:-6px}.app-main__selection-resize.resize-se{cursor:se-resize;bottom:-6px;right:-6px}.app-main__selection-resize.resize-sw{cursor:sw-resize;bottom:-6px;left:-6px}.app-custom-palette__list{display:flex;flex-wrap:wrap;gap:7px}.app-custom-palette__item{width:20px;height:20px;box-shadow:0 0 0 2px var(--bs-body-bg),0 0 0 3px var(--bs-border-color);border:0}.app-custom-palette__item.isActive{box-shadow:0 0 0 2px var(--bs-primary-bg-subtle),0 0 0 3px var(--bs-primary)}.app-palette__categories{overflow:auto;white-space:nowrap;position:sticky;top:0;z-index:5;scrollbar-width:none;margin-left:calc(var(--bs-gutter-x) * -.5);margin-right:calc(var(--bs-gutter-x) * -.5);padding-left:calc(var(--bs-gutter-x) * .5);padding-right:calc(var(--bs-gutter-x) * .5)}.app-palette__categories::-webkit-scrollbar{display:none}.app-palette__category.isActive{position:relative}.app-palette__category.isActive:after{display:block;position:absolute;top:0;right:0;content:"";width:10px;height:10px;background:var(--bs-primary);border-radius:50%;box-shadow:0 0 0 2px var(--bs-body-bg);transform:translate(25%,-25%)}.app-palettes__item{display:grid;grid-template-columns:150px 1fr auto;padding:.5rem;align-items:start;border-radius:var(--bs-border-radius-sm);gap:.25rem}.app-palettes__item.active{outline:1px solid var(--bs-primary)}.app-palettes__colors{display:flex;flex-wrap:wrap}.app-palettes__colors-item{width:15px;height:15px;display:block;position:relative}.app-palettes__colors-item:after{content:"";inset:0;outline:1px solid var(--bs-secondary);position:absolute}.app-sidebar{border-left-width:1px}.app-sidebar--tab_palette{max-height:400px}.app-sidebar__nav-wrapper{overflow:auto visible;scrollbar-width:none}.app-sidebar__nav-wrapper::-webkit-scrollbar{display:none}.app-main{height:50vh;min-height:500px}@media (min-width:992px){.app-main{border-top-width:1px}}@media (max-width:575.98px){.app-palettes__item{grid-template-columns:100px 1fr auto;font-size:.8rem}.app-sidebar__nav{min-width:fit-content;width:100%}}