/* The login and editor preview share the same fixed portrait canvas. */
.publicity-canvas{width:300px;max-width:100%;height:440px;min-height:440px;color:#f2f3f5;background:rgba(17,21,30,.55);border:1px solid #ffffff26;border-radius:12px;overflow:hidden;box-sizing:border-box}
.login-publicity-card{height:100%;width:100%;min-width:0;display:flex;flex-direction:column;padding:18px;box-sizing:border-box;text-align:center;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:#f2f3f5;overflow:hidden}
.login-publicity-card .publicity-title{flex:none;margin:0;font-size:21px;font-weight:750;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis}
.login-publicity-card .publicity-image{flex:none;position:relative;width:100%;aspect-ratio:1;margin:14px 0 12px;overflow:hidden;border-radius:7px;background:transparent}
.login-publicity-card .publicity-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;user-select:none;-webkit-user-drag:none}
.login-publicity-card .publicity-body{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:16px}
.login-publicity-card.has-image .publicity-body{align-items:flex-start;margin-top:0}
.login-publicity-card .publicity-text{width:100%;margin:0;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--publicity-lines,12);max-height:100%;overflow:hidden;text-overflow:ellipsis;line-height:21px;color:#d7dbe3}