.live-preview-showcase .live-preview-showcase-demo {
    display: flex;
    justify-content: center;
    width: 100%;
}

.live-preview-showcase .live-preview-showcase-link {
    display: flex;
    justify-content: center;
    width: 100%;
    cursor: pointer;
}

.live-preview-showcase .live-preview-container {
    width: min(520px, 100%);
    border-radius: 16px;
    user-select: none;
    cursor: default;
}

.live-preview-showcase .live-preview-showcase-link .live-preview-container {
    cursor: pointer;
}

.live-preview-showcase .stage-transcription {
    padding: 14px 16px;
}

.live-preview-showcase .transcription-text,
.live-preview-showcase .translation-original,
.live-preview-showcase .translation-translated {
    font-size: var(--font-md);
}

.live-preview-showcase .translation-original,
.live-preview-showcase .translation-translated {
    padding: 12px 14px;
}

.live-preview-showcase .live-preview-controls {
    padding: 10px 12px;
}

.live-preview-showcase .controls-user-icon {
    inset-inline-start: 12px;
    width: 26px;
    height: 26px;
}

.live-preview-showcase .controls-center {
    gap: 8px;
}

.live-preview-showcase .controls-center .recording-control {
    width: 30px;
    height: 30px;
}

.live-preview-showcase .controls-center .recording-control svg {
    width: 16px;
    height: 16px;
}

.live-preview-showcase .controls-center .recording-control.stop-btn {
    width: 38px;
    height: 38px;
}

.live-preview-showcase .controls-center .recording-control.stop-btn .stop-icon {
    width: 13px;
    height: 13px;
}