.face-sharing{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start}.face-sharing>div:last-child{grid-column:1/-1;max-width:60rem}.face-example{border:1px solid #d6e1da;border-radius:22px;overflow:hidden;background:#fff}.face-compare{position:relative;aspect-ratio:16/9;overflow:hidden}.face-compare img{width:100%;height:100%;object-fit:cover;display:block}.face-compare .face-result{position:absolute;inset:0;clip-path:ellipse(14% 24% at 62% 48%)}.face-example-label{position:absolute;left:12px;top:12px;background:#fff;color:#12392c;padding:5px 8px;font-size:.65rem;letter-spacing:.08em}.face-attribution{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;background:#f5f6f0}.face-attribution img{width:90px;height:32px;object-fit:contain}.face-attribution span{color:#16714f;font-size:.8rem}.face-example label,.face-example input,.face-example p,.face-example button,.face-endpoints{margin:16px 22px;width:calc(100% - 44px)}.face-example label{display:flex;justify-content:space-between}.face-example input{accent-color:#16714f;min-height:44px}.face-endpoints{display:flex;justify-content:space-between;font-size:.8rem}.face-example p{font-size:.85rem}.face-example button{min-height:44px;padding:8px;background:#edf2ee;color:#40584b;border:1px solid #c6d5cc;border-radius:12px}.fx-letter{font-family:Georgia,serif;line-height:1.7}.face-sharing-link{max-width:52rem}@media(max-width:760px){.face-sharing{grid-template-columns:1fr;gap:1.5rem}}