section.sketch { display: none; position: fixed !important; inset: 40px 0 0 40px; z-index: 99; height: auto; background: var(--rududu-background); }
section.sketch > .wrap { width: 100%; height: 100%; padding: 0; }
section.sketch #bcPaint { width: 100%; height: 100%; background-color: var(--rududu-background); background-position: center; background-repeat: no-repeat; background-size: cover; }
section.sketch #bcPaintCanvas { display: block; width: 100%; height: 100%; touch-action: none; border: 0; background: transparent; }
#asideLAYOUT .tools-sketch { display: flex; flex-direction: column; align-items: center; gap: 24px; writing-mode: initial; }
#asideLAYOUT .tools-sketch > button { writing-mode: vertical-rl; }
#asideLAYOUT .tools-sketch #sketch-palette { display: flex; flex-direction: column; align-items: center; gap: 8px; writing-mode: initial; }
#asideLAYOUT .tools-sketch .bcPaint-palette-color { display: block; flex: 0 0 24px; width: 24px; height: 24px; padding: 0; margin: 0; border: 1px solid var(--rududu-white); border-radius: 50%; }
#asideLAYOUT .tools-sketch .bcPaint-palette-color.selected { outline: 2px solid var(--rududu-white); outline-offset: 2px; }
#headerLAYOUT .bcPaint-tools, #asideLAYOUT .bcPaint-tools { display: none; }
#asideLAYOUT .bcPaint-tools #bcPaint-palette { display: flex; flex-direction: row; align-items: center; gap: 8px; margin-top: 0; overflow: visible; white-space: normal; }
#asideLAYOUT .bcPaint-tools .bcPaint-palette-color { display: block; width: 32px; height: 32px; margin-right: 0; border: 1px solid var(--white, var(--rududu-white)); border-radius: 16px; cursor: pointer; }
#asideLAYOUT .bcPaint-tools #bcPaint-palette > .selected { border: 1px solid var(--white, var(--rududu-white)); }