.ai-studio .ai-identity{display:flex;align-items:center!important;justify-content:space-between!important;gap:24px!important}.ai-studio .ai-presence{margin:0 0 0 auto;width:160px;max-width:38%;flex-shrink:0;text-align:center}.ai-presence video{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:80px 80px 16px 16px;border:1px solid #dcd9ca;background:#e6e9e1}.ai-studio button.ai-presence-toggle{background:transparent!important;color:#56513e!important;border:1px solid #dcd9ca;font-size:10px;padding:6px 8px;min-height:36px;width:100%;margin-top:8px;cursor:pointer}.ai-presence figcaption{font-size:9px;color:#6d6b61;margin-top:6px;line-height:1.4}.ai-identity>div{min-width:0}.ai-studio .ai-wordmark{max-width:100%}@media(max-width:600px){.ai-studio .ai-identity{gap:16px!important}.ai-studio .ai-presence{width:110px;max-width:42%}.ai-studio .ai-wordmark{width:165px}.ai-identity div>span{margin-left:4px;font-size:9px;letter-spacing:.13em}.ai-presence figcaption{font-size:8px}.ai-studio button.ai-presence-toggle{font-size:9px}}

.ai-presence video{border-radius:12px}.ai-studio .ai-presence{align-self:center}
/* Read beside the portrait; write directly below. Conversation scrolls independently. */
.ai-studio .ai-identity{padding-bottom:14px!important;margin-bottom:14px;justify-content:flex-start!important}.ai-studio .ai-identity .ai-wordmark{width:165px}.ai-interaction{display:flex;flex-direction:column;gap:14px}.ai-read-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:18px;align-items:start}.ai-read-row .ai-messages{height:300px;height:clamp(210px,35svh,360px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin:0!important;padding:12px;border:1px solid #dcd9ca;border-radius:12px;background:#f5f4ed;display:block}.ai-read-row .ai-message{margin-bottom:12px!important;padding:16px!important}.ai-studio .ai-read-row .ai-presence{width:100%;max-width:100%;margin:0;align-self:start;position:sticky;top:12px}.ai-read-row video{border-radius:12px}.ai-interaction .ai-composer textarea{min-height:65px;height:75px;max-height:160px}.ai-interaction .ai-composer{margin:0}.ai-studio .ai-workspace{margin:12px 0}.ai-presence.playback-blocked:after{content:'Toca el retrato · Tap portrait';display:block;font-size:9px;color:#6d6b61;margin-top:6px}.ai-studio .ai-status{margin:10px 0}.ai-studio .ai-identity div>span{margin-left:3px}
@media(max-width:600px){.ai-read-row{grid-template-columns:minmax(0,1fr) 88px;gap:10px}.ai-read-row .ai-messages{height:clamp(190px,30svh,270px);padding:7px}.ai-read-row .ai-message{padding:10px!important;font-size:13px;line-height:1.5}.ai-read-row .ai-message .button{font-size:10px;padding:7px;min-height:34px}.ai-studio .ai-read-row .ai-presence{width:88px;max-width:none}.ai-interaction .ai-composer textarea{height:68px;min-height:60px}.ai-studio .ai-identity{margin-bottom:12px}.ai-studio .ai-identity .ai-wordmark{width:135px}.ai-interaction{gap:10px}}
/* On phones, use the public assistant's portrait-above-reading composition. */
@media(max-width:600px){.ai-read-row{display:flex;flex-direction:column;gap:0}.ai-studio .ai-read-row .ai-presence{order:-1;width:100%;max-width:100%;position:static}.ai-read-row video{height:155px;aspect-ratio:auto;object-fit:cover;object-position:center 25%;border-radius:12px 12px 0 0}.ai-read-row .ai-messages{width:100%;height:190px;margin-top:-10px!important;position:relative;background:#fffef8;border-radius:14px;box-shadow:0 3px 12px #4543370a;padding:10px}.ai-interaction .ai-composer textarea{height:60px}.ai-studio .ai-identity{padding-bottom:10px!important}.ai-studio .ai-identity .ai-wordmark{width:115px}}

.ai-chat-top{display:flex;justify-content:flex-end;margin:0 0 12px}.ai-chat-top .button{font-size:12px;padding:9px 14px;min-height:40px}.ai-presence .ai-motion-fallback{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:12px}.ai-presence [hidden]{display:none!important}@media(max-width:600px){.ai-presence .ai-motion-fallback{height:155px;aspect-ratio:auto;object-position:center 25%;border-radius:12px 12px 0 0}}

.ai-presence.motion-reduced:after{content:'Movimiento reducido activo en el dispositivo';display:block;font-size:9px;color:#6d6b61;margin-top:5px}html[lang=en] .ai-presence.motion-reduced:after{content:'Reduced motion enabled on this device'}

/* Portrait-led composition; preserve the head, shoulders and upper torso. */
.ai-read-row{grid-template-columns:minmax(0,1fr) minmax(260px,42%);align-items:start}
.ai-read-row video,.ai-presence .ai-motion-fallback{width:100%;height:420px;aspect-ratio:auto;object-fit:cover;object-position:center 24%;border-radius:12px}
.ai-read-row .ai-messages{height:420px}
@media(max-width:1000px){
.ai-read-row{display:flex;flex-direction:column;gap:0}
.ai-studio .ai-read-row .ai-presence{order:-1;width:100%;max-width:100%;position:static;align-self:stretch}
.ai-read-row video,.ai-presence .ai-motion-fallback{height:clamp(300px,85vw,480px);width:100%;aspect-ratio:auto;object-fit:cover;object-position:center 24%;border-radius:12px 12px 0 0}
.ai-read-row .ai-messages{box-sizing:border-box;width:calc(100% - 24px);align-self:center;height:210px;max-height:30svh;min-height:160px;margin:-18px 12px 0!important;position:relative;border-radius:20px;background:#fffef8;padding:12px;box-shadow:0 5px 20px #4543370c}
.ai-read-row .ai-message{padding:12px!important}
.ai-interaction .ai-composer{border-radius:22px}
.ai-interaction .ai-composer textarea{height:52px;min-height:52px}
}

.ai-presence.motion-reduced:after{content:'Movimiento reducido · Toca el retrato para animarlo'}html[lang=en] .ai-presence.motion-reduced:after{content:'Reduced motion · Tap portrait to animate'}

.ai-read-row video,.ai-presence .ai-motion-fallback{border-radius:22px!important}.ai-presence{outline-offset:4px}.ai-presence figcaption:empty{display:none}@media(max-width:1000px){.ai-read-row .ai-messages{margin-top:clamp(-48px,-8.5vw,-30px)!important}}