FaceTransferLab {
 position: absolute; inset: 0; background-color: #111923; color: #e9edf2; font-family: Inter; flex-direction: column; padding: 30px 42px; pointer-events: all;
 h1 { font-size: 34px; margin: 5px 0; } h2 { font-size: 22px; margin: 0; } p { font-size: 16px; color: #adbcca; margin: 7px 0; }
 .labheader { justify-content: space-between; align-items: center; margin-bottom: 18px; > div { flex-direction: column; } }
 .eyebrow { font-size: 12px; letter-spacing: 3px; color: #9cd5c0; }
 button { padding: 10px 16px; border-radius: 6px; background-color: #25313e; font-size: 15px; cursor: pointer; &:hover { background-color: #394d60; } &.chosen { background-color: #b8e2cf; color: #12261e; } }
 .toolbar { gap: 10px; align-items: center; } .spacer { flex-grow: 1; }
 .views { flex-grow: 1; gap: 16px; margin: 18px 0; min-height: 0; }
 .view { flex-direction: column; flex-grow: 1; flex-basis: 0; border-radius: 8px; overflow: hidden; background-color: #16212d; }
 .caption { flex-direction: column; padding: 15px 20px; gap: 5px; span { font-size: 13px; color: #9aabbc; } }
 FaceTransferPreview { flex-grow: 1; width: 100%; }
 .controls { flex-direction: column; } .blend { align-items: center; gap: 18px; margin: 15px 0 4px; font-size: 14px; SliderControl { flex-grow: 1; } }
 .footnote { font-size: 12px; color: #8397a9; margin-top: 5px; }
}