.controller {
    margin: 0 2rem 2rem 2rem;
}

.logo-text {
    font-size: 2.475rem;
    letter-spacing: 0.126em;
}

.cd {
    transform: translateY(45px);
}

.cd-stage {
    width: 15.1875rem;
}

.text-content {
    margin-top: 0.5625rem;
}

.nav-list {
    gap: 1.35rem;
}

.nav-link {
    font-size: 0.45rem;
    letter-spacing: 0.09em;
    padding: 0.1125rem 0;
}

.nav-link::after {
    bottom: -1.8px;
    height: 0.9px;
}

.instruction {
    padding: 0.1575rem 0.3825rem;
    font-size: 0.36rem;
    letter-spacing: 0.036em;
    border: 0.45px solid rgba(255, 255, 255, 0.6);
    border-radius: 449.55px;
    box-shadow: 0 4.5px 11.25px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(8.1px);
    -webkit-backdrop-filter: blur(8.1px);
}

/* Showcase Controls Modal - Mobile */
#showcase-controls {
    top: 0.75rem;
    left: 0.75rem;
    min-width: 180px;
    padding: 0.5rem;
    font-size: 0.75rem;
}

#showcase-controls .controls-header h2 {
    font-size: 0.75rem;
}

#showcase-controls .controls-toggle {
    font-size: 0.625rem;
}

#showcase-controls label {
    font-size: 0.625rem;
}

#showcase-controls select {
    padding: 0.3rem;
    font-size: 0.6875rem;
}

#showcase-controls input[type="color"] {
    height: 1.75rem;
}

#showcase-controls #showcaseApply {
    padding: 0.4rem;
    font-size: 0.6875rem;
}