.demo-wrap{min-width:0}.demo-topline{display:flex;justify-content:flex-end;align-items:center;font-size:12px;color:#aaa9a5;margin-bottom:12px}.chat-window{background:#fff;color:#2d2d2d;border-radius:14px;box-shadow:0 25px 70px #1e1c1c45;overflow:hidden;border:1px solid #fff9;font-family:var(--he)}.chat-toolbar{height:60px;display:flex;align-items:center;gap:17px;border-bottom:1px solid #f0f0f0;padding:0 20px;direction:ltr;color:#666}.chat-tools{display:flex;gap:18px;align-items:center}.chat-tools svg{width:18px;height:18px}.chat-title{font-family:Arial,sans-serif;font-weight:700;font-size:18px;margin-left:4px;color:#424242}.chat-title span{font-weight:400;font-size:15px;color:#999;margin-left:4px}.chat-profile{margin-left:auto;display:grid;place-items:center;background:#e7edef;color:#52676c;border-radius:50%;width:27px;height:27px;font-size:12px}.chat-content{padding:13px 29px 12px;font-size:14px;line-height:1.72}.chat-date{text-align:center;font-size:11px;color:#949494;margin-bottom:17px}.user-bubble{background:#f0f0f0;border-radius:19px 19px 4px 19px;padding:12px 17px;margin-right:auto;margin-left:0;max-width:89%;min-height:74px}.user-bubble p{margin:0}.assistant-message{margin:20px 0 16px}.reply{min-height:176px}.reply p{margin:0 0 8px}.reply ol{padding-inline-start:22px;margin:0;display:flex;flex-direction:column;gap:4px}.reply li{padding-inline-start:2px}.reply strong{font-weight:700}.reply-actions{display:flex;gap:13px;align-items:center;color:#929292;margin-top:10px;height:22px;direction:rtl}.reply-actions svg{width:15px;height:15px}.reply-actions button{padding:3px;border:0;background:transparent;color:inherit;display:flex;cursor:pointer;border-radius:4px}.reply-actions button:hover{color:#2c2c2c;background:#eee}.sponsored{padding:13px 16px;border:1px solid #dedede;border-radius:10px;background:#fcfcfc;min-height:135px;transition:opacity .4s,transform .4s}.sponsor-meta{display:flex;justify-content:space-between;font-size:10px;color:#858585;margin-bottom:7px}.sponsored strong{display:block;font-size:14px;color:#303030}.sponsored p{font-size:12px;color:#777;margin:4px 0 9px}.mock-link{font-size:12px;border:1px solid #dadada;border-radius:6px;padding:5px 10px;display:inline-flex;gap:12px;color:#414141}.chat-bottom{padding:0 23px 10px}.composer{border:1px solid #dedede;border-radius:20px;padding:10px 16px 8px;color:#868686;font-size:13px;box-shadow:0 2px 8px #00000004}.composer>div{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.composer .plus{font-size:23px;line-height:1}.composer .send{border-radius:50%;background:#efefef;display:flex;width:27px;height:27px;align-items:center;justify-content:center}.composer svg{width:17px;height:17px}.chat-bottom p{color:#949494;font-size:9px;text-align:center;margin:7px auto 0}.demo-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;font-size:12px;color:#d2d1ce}.demo-caption>span{display:flex;gap:9px;align-items:center}.demo-caption i{height:9px;width:9px;background:var(--teal);border-radius:2px;display:block}.demo-caption button{border:0;background:none;color:var(--teal);display:flex;align-items:center;gap:7px;font-size:12px;cursor:pointer;padding:6px 0}.demo-caption svg{width:14px;height:14px}.chat-window.is-playing .sponsored{opacity:0;transform:translateY(6px);pointer-events:none}.reply .thinking{height:26px;align-items:center}.reply .thinking i{background:#666}.chat-window .caret::after{background:#444}
.sponsored.sponsored-image{display:grid;grid-template-columns:120px minmax(0,1fr);direction:ltr;align-items:stretch;min-height:140px;padding:0;overflow:hidden;background:#fff;border:1px solid #e4e4e4;border-radius:12px;box-shadow:none}
.sponsored-image .ad-creative{display:block;width:120px;height:auto;min-height:0;aspect-ratio:1;object-fit:cover;object-position:center;align-self:center;margin:0}
.sponsored-image .example-copy{direction:rtl;text-align:right;padding:15px 17px;min-width:0;align-self:center}
.sponsored-image .sponsor-meta{display:flex;align-items:center;justify-content:flex-start;gap:9px;margin:0 0 10px;font-size:12px;line-height:1.3;min-height:20px;color:#575757}
.example-brand{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.example-brand-icon{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;background:#e8eee9;color:#405447;font-size:12px;font-weight:700;flex-shrink:0}
.sponsor-label{font-size:11px;color:#777;background:#f3f3f3;padding:2px 5px;border-radius:4px;white-space:nowrap}
.ad-more{margin-inline-start:auto;color:#777;font-size:17px;line-height:1}
.sponsored-image strong{font-size:16px;font-weight:700;line-height:1.5;margin:0 0 4px;color:#303030}
.sponsored-image p{font-size:14px;color:#626262;line-height:1.6;margin:0;max-width:28ch}
@media(max-width:1100px){.sponsored.sponsored-image{grid-template-columns:100px minmax(0,1fr)}.sponsored-image .ad-creative{width:100px}.sponsored-image .example-copy{padding:13px}.sponsored-image .sponsor-meta{gap:6px}}
@media(max-width:800px){.sponsored.sponsored-image{grid-template-columns:120px minmax(0,1fr)}.sponsored-image .ad-creative{width:120px}}
@media(max-width:500px){.sponsored.sponsored-image{grid-template-columns:91px minmax(0,1fr);min-height:141px}.sponsored-image .ad-creative{width:91px}.sponsored-image .example-copy{padding:12px}.sponsored-image .sponsor-meta{gap:6px;margin-bottom:9px}.sponsored-image strong{font-size:15px}.sponsored-image p{font-size:13px}}
@media(max-width:360px){.sponsored.sponsored-image{grid-template-columns:80px minmax(0,1fr)}.sponsored-image .ad-creative{width:80px}.sponsored-image .example-copy{padding:11px 10px}.sponsored-image .sponsor-meta{gap:5px;font-size:11px}.sponsored-image .example-brand-icon{width:16px;height:16px}.sponsored-image .sponsor-label{font-size:10px;padding:2px 4px}.sponsored-image .ad-more{display:none}}

.sponsored-image p{max-width:none}
/* Match the approved page without importing its unrelated page layout. */
.stage.demo-wrap{flex:0 1 560px;max-width:560px;width:100%;position:relative}
.demo-wrap p,.demo-wrap li{word-break:normal;overflow-wrap:normal;hyphens:none}
.demo-wrap .reply{min-height:145px}.demo-wrap .chat-date,.demo-wrap .sponsor-meta,.demo-wrap .chat-bottom p{font-size:12px}
.demo-wrap .chat-bottom p{line-height:1.6}.demo-wrap .sponsored p{font-size:14px}
.demo-wrap .thinking{display:inline-flex;gap:5px}.demo-wrap .thinking i{width:7px;height:7px;border-radius:50%;animation:chat-think 1s infinite ease-in-out}
.demo-wrap .thinking i:nth-child(2){animation-delay:.15s}.demo-wrap .thinking i:nth-child(3){animation-delay:.3s}
.demo-wrap .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes chat-think{50%{transform:translateY(-4px);opacity:.5}}
@media(max-width:1100px){.stage.demo-wrap{flex:0 1 auto;align-self:center}}
@media(max-width:500px){
 .demo-wrap .chat-toolbar{height:54px;padding-inline:15px;gap:10px}.demo-wrap .chat-tools{gap:13px}.demo-wrap .chat-title{font-size:17px}
 .demo-wrap .chat-content{padding:12px 17px;font-size:14px;line-height:1.8}.demo-wrap .chat-date{margin-bottom:12px}
 .demo-wrap .user-bubble{max-width:94%;padding:10px 13px;min-height:70px}.demo-wrap .assistant-message{margin:16px 0}.demo-wrap .reply{min-height:215px}
 .demo-wrap .reply ol{padding-inline-start:19px;gap:5px}.demo-wrap .chat-bottom{padding:0 16px 10px}.demo-wrap .composer{font-size:12px}
 .demo-wrap .demo-caption{align-items:flex-start;flex-wrap:wrap}.demo-wrap .demo-caption>span{max-width:235px}.demo-wrap .demo-caption button{flex-shrink:0}
 .demo-wrap .sponsored p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.demo-wrap *{animation:none!important;transition:none!important}}