.live-project{display:flex;flex-direction:column}
.live-result img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:14px;background:#0c0d0f}
.live-status{display:grid;place-items:center;min-height:180px;padding:20px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center;font-size:13px}
.live-status.generating{animation:livepulse 1.6s ease-in-out infinite}
.live-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
@keyframes livepulse{50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){.live-status.generating{animation:none}}
.modal-legal{font-size:12px;color:var(--muted)}
.modal-legal a,.legal-links a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.legal-links{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11px}
.profile-links{margin-top:22px}
footer{flex-wrap:wrap;gap:10px 18px}
footer .legal-links{flex-basis:100%;letter-spacing:0}
.compare{position:relative;overflow:hidden;border-radius:14px;background:#0c0d0f;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none;--pos:50%}
.compare img{display:block;width:100%;pointer-events:none;-webkit-user-drag:none}
.compare .before{position:absolute;inset:0;height:100%;object-fit:cover;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.compare-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 12px #0008}
.compare-line::after{content:"⇆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:#fff;color:#111214;display:grid;place-items:center;font-size:18px;font-style:normal}
.compare-tag{position:absolute;top:12px;padding:5px 11px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.06em;color:#fff}
.tag-before{left:12px;background:#000a}
.tag-after{right:12px;background:var(--accent)}
.compare:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.share-row{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.share-row .share-btn{flex:1 1 90px;max-width:none}
.invite-box{margin:22px 0;padding:18px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,#24262b,#191b1e)}
.invite-box h3{margin:6px 0 8px;font-size:18px}
.invite-box p{margin:0 0 14px}