.avatar-icon{inset:0;background:#fff}.avatar-icon img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.role-card strong{bottom:0;padding:15px 3px 5px;background:linear-gradient(transparent,#000b);z-index:1}.selection-dot{z-index:2}.result-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050606;padding:45px 20px;text-align:center}.result-preview{display:block;width:min(340px,72vw);height:230px;object-fit:cover;border-radius:24px;background:#171717}.result-screen h1{font-size:36px;line-height:1.3;margin:48px 0 26px;font-weight:600;outline:none}.result-description{font-size:18px;line-height:1.8;color:#aaa;margin:0 0 52px}.result-actions{display:flex;flex-direction:column;gap:22px;width:min(350px,85vw)}.result-actions button{display:flex;align-items:center;justify-content:center;gap:14px;background:#fff;color:#101315;border-radius:100px;height:74px;padding:12px 20px;font-size:22px;white-space:nowrap}.result-actions svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}@media(max-height:800px){.result-screen{padding:24px 20px}.result-preview{width:260px;height:185px;border-radius:20px}.result-screen h1{font-size:30px;margin:32px 0 18px}.result-description{font-size:15px;margin-bottom:30px}.result-actions{width:310px;gap:16px}.result-actions button{height:60px;font-size:19px}}@media(max-width:500px){.result-description{font-size:14px}.result-screen h1{font-size:29px}.result-actions button{font-size:18px}}
.result-preview{object-position:center 20%}