/* Shared conversation treatment for Chat and photo-frame conversations. */
.chat-panel{background:#fff;max-width:1200px;padding:28px;height:clamp(570px,76dvh,920px)}
.chat-log{direction:ltr;scrollbar-gutter:stable;gap:30px}
.chat-panel .chat-log{padding:12px 2px 30px}
.chat-turn{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:23px;flex-shrink:0}
.chat-turn.user-turn{flex-direction:row-reverse}
.chat-turn .chat-avatar{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;overflow:hidden;background:#f1eaf4;color:#6e4a5e;font-size:20px}
.chat-turn .chat-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.chat-turn.ai-turn .chat-avatar{background:#f6f1f7;overflow:visible}
.chat-turn.ai-turn .chat-avatar img{object-fit:contain;padding:2px}
.chat-turn .bubble{width:fit-content;min-width:0;max-width:min(78%,640px);padding:19px 23px;background:#f5f2ed;border-radius:22px;font-size:16px;line-height:1.8;align-self:flex-start}
.chat-turn.user-turn .bubble{background:#eee6f1}
.chat-turn .speaker-label{display:none}
.chat-message-time{position:absolute;bottom:0;left:60px;color:#8c8390;font-size:11px;line-height:18px}
.user-turn .chat-message-time{left:auto;right:60px}
.chat-turn .silvanex-player{width:min(430px,100%);min-width:0;max-width:100%;padding:13px 15px;gap:12px;border-radius:20px;margin:14px 0 0;box-shadow:0 3px 12px #6e4a5e06}
.chat-turn .silvanex-player .player-toggle{width:44px;height:44px;min-width:44px;padding:10px}
.chat-turn .silvanex-player .player-meta strong,.chat-turn .silvanex-player .player-times,.chat-turn .silvanex-player .player-jumps{display:none}
.chat-turn .silvanex-player .player-center{min-width:0;display:grid;grid-template-columns:minmax(70px,1fr) auto;align-items:center;gap:12px}
.chat-turn .silvanex-player .player-track{grid-column:1;grid-row:1}
.chat-turn .silvanex-player .player-meta{grid-column:2;grid-row:1;margin:0}
.chat-turn .silvanex-player .player-time{font-size:12px;white-space:nowrap}
.chat-turn .reply-actions{margin-top:10px}
.chat-turn .reply-actions button{padding:4px 11px;font-size:12px}
.chat-composer{background:#fff;padding-top:18px}
.chat-composer .composer-toolbar{margin-bottom:14px}
.chat-composer .input-modes{gap:9px;background:transparent;padding:0}
.chat-composer .input-modes button{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:#f6f1f8;color:#75617c;min-height:42px}
.chat-composer .input-modes button[aria-pressed=true]{background:#6e4a5e;color:#fff}
.chat-control-icon{width:19px;height:19px;flex:0 0 19px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;margin-inline-end:6px}
.chat-composer .input-modes .chat-control-icon{margin-inline-end:0}
.chat-composer .composer-toolbar>button{display:flex;align-items:center;gap:3px;color:#78677a}
.chat-inputbox{position:relative;min-width:0}
.chat-inputbox .chat-writing textarea{display:block;height:108px;min-height:108px!important;padding:15px 18px 58px!important;resize:vertical;border-radius:17px!important;line-height:1.65}
.chat-inputbox>button.primary{position:absolute;right:12px;bottom:11px;display:flex;align-items:center;gap:4px;padding:8px 18px;min-height:38px}
[dir=rtl] .chat-inputbox>button.primary{right:auto;left:12px}
.chat-text-mode .composer-actions{margin-top:0}
.chat-composer .composer-help{font-size:11px;margin-top:10px}
@media(max-width:760px){
 .chat-panel{padding:16px 12px;height:76dvh;min-height:520px}
 .chat-log{gap:22px}
 .chat-turn{gap:9px}
 .chat-turn .chat-avatar{width:34px;height:34px;flex-basis:34px;font-size:16px}
 .chat-turn .bubble{max-width:calc(100% - 48px);padding:13px 15px;font-size:14px;border-radius:18px}
 .chat-message-time{left:43px;font-size:10px}.user-turn .chat-message-time{right:43px}
 .chat-turn .silvanex-player{padding:9px;gap:8px;border-radius:15px}
 .chat-turn .silvanex-player .player-toggle{width:34px;height:34px;min-width:34px;padding:8px}
 .chat-turn .silvanex-player .player-center{grid-template-columns:minmax(35px,1fr) auto;gap:6px}
 .chat-turn .silvanex-player .player-time{font-size:10px}
 .chat-composer .input-modes button{padding:8px 12px;font-size:12px;gap:5px}
 .chat-composer .composer-toolbar>button{font-size:11px;padding-inline:0}
 .chat-control-icon{width:17px;height:17px;flex-basis:17px}
 .chat-composer .composer-toolbar>button .chat-control-icon{display:none}
 .chat-inputbox .chat-writing textarea{font-size:14px}
}