.placement-rotate,
.sticker-surface .surface-sticker > .placement-rotate {
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: calc(-40px / var(--placement-scale, 1));
    width: calc(32px / var(--placement-scale, 1));
    height: calc(32px / var(--placement-scale, 1));
    display: grid;
    place-items: center;
    padding: 0;
    border: calc(1px / var(--placement-scale, 1)) solid #9273a9;
    border-radius: 50%;
    background: #fffcf6;
    color: #704794;
    box-shadow: 0 3px 8px #33204733;
    transform: translateX(-50%) rotate(calc(-1 * var(--placement-rotation, 0deg)));
    font: calc(24px / var(--placement-scale, 1))/1 sans-serif;
    touch-action: none;
    pointer-events: auto;
    cursor: crosshair;
}
.placement-rotate::after {
    content: '';
    position: absolute;
    width: calc(1px / var(--placement-scale, 1));
    height: calc(7px / var(--placement-scale, 1));
    background: #b77ae8;
    top: calc(33px / var(--placement-scale, 1));
    pointer-events: none;
}
.placement-rotate[hidden] { display: none !important; }
.placement-rotate:focus-visible { outline: 2px solid #8060c5; outline-offset: 3px; }