/* NAME OVERLAY FIXES */
.preview-name-overlay {
    position: absolute;
    top: 27%;          /* Moved up slightly */
    left: 51%;         /* Shifted right */
    transform: translateX(-50%);
    width: 32%;
    max-width: 150px;
    pointer-events: none;
    z-index: 10;
}

.preview-name-overlay .arch-text-svg {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 768px) {
    .preview-name-overlay {
        top: 24%;
        left: 53%;
        width: 35%;
    }
}