.ai-page-welcome[hidden], .ai-page-welcome img[hidden] { display: none !important; }
.ai-page-welcome { display:flex; align-items:center; gap:14px; margin:0 0 30px; color:#fff; }
.ai-page-welcome .portrait { display:grid; place-items:center; flex:none; width:58px; height:58px; padding:0; overflow:hidden; border:2px solid #76eaff; border-radius:50%; background:linear-gradient(135deg,#126d8c,#8448b6); color:#fff; font-family:inherit; font-size:24px; font-weight:800; line-height:1; cursor:zoom-in; }
.ai-page-welcome .portrait:disabled { cursor:default; }
.ai-page-welcome .portrait:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.ai-page-welcome .portrait img { width:100%; height:100%; object-fit:cover; }
.ai-page-welcome .words { flex:1; min-width:0; }
.ai-page-welcome .words strong { display:block; font-size:clamp(17px,2vw,22px); letter-spacing:-.02em; }
.ai-page-welcome .words small { display:block; margin-top:2px; color:#bdb8d0; font-size:12px; }
.ai-page-welcome a { color:#8cecff; font-size:13px; font-weight:800; text-decoration:none; white-space:nowrap; }
.ai-page-welcome a:hover { text-decoration:underline; }
.ai-page-photo-view { width:min(550px,calc(100% - 32px)); max-height:calc(100vh - 40px); padding:18px; border:1px solid #70dfff; border-radius:20px; background:#111025; color:#fff; text-align:center; }
.ai-page-photo-view::backdrop { background:#000d; }
.ai-page-photo-view img { display:block; max-width:100%; max-height:calc(100vh - 130px); margin:auto; border-radius:12px; object-fit:contain; }
.ai-page-photo-view button { display:block; margin:0 0 12px auto; border:0; background:none; color:#aaf0ff; font:inherit; font-size:26px; cursor:pointer; }
@media(max-width:500px) { .ai-page-welcome { flex-wrap:wrap; gap:10px; } .ai-page-welcome a { margin-left:68px; } }