/* Editorial collage: the conversation and saved artifact remain live text. */
.hero-collage { position:relative; width:100%; min-width:0; container-type:inline-size; }
@media(min-width:981px) { .hero-collage { width:85%; justify-self:center; } }
.collage-person { width:100%; height:auto; }
.collage-chat { position:absolute; left:0; top:18%; width:48%; background:#FFFFFF; border:1.5px solid #0B0D10; box-shadow:3px 3px 0 #74A9E8; font-size:3cqw; line-height:1.35; }
.collage-chat-heading { display:flex; align-items:center; gap:1.3cqw; padding:1.8cqw 2cqw; border-bottom:1px solid #0B0D10; background:#DCE6F2; font-size:2.5cqw; font-weight:750; }
.chat-mark { width:2cqw; height:2cqw; background:#FFE45C; border:1px solid #0B0D10; transform:rotate(45deg); }
.chat-menu { margin-left:auto; font-size:3cqw; line-height:.6; }
.collage-chat-body { display:grid; gap:1.8cqw; padding:2.2cqw; }
.analytics-page .collage-connection { display:flex; align-items:center; gap:1cqw; font-size:2.4cqw; line-height:1.3; color:#255F58; font-weight:650; }
.collage-connection span { width:1.3cqw; height:1.3cqw; border-radius:50%; background:#2F756C; flex-shrink:0; }
.collage-tools { display:flex; gap:1cqw; }
.collage-tool { position:relative; display:block; width:10cqw; height:10cqw; }
.collage-tool img { width:100%; height:100%; }
.collage-tool .tool-active-art { position:absolute; inset:0; opacity:0; }
.collage-agent-message { padding-left:.5cqw; height:8.1cqw; display:flex; align-items:start; }
.analytics-page .collage-agent-message p { font-size:3cqw; line-height:1.35; color:#0B0D10; }
.analytics-page .collage-agent-message p+p { margin-top:1cqw; }
.collage-composer { display:flex; align-items:center; justify-content:space-between; gap:1cqw; padding:1.2cqw 1.4cqw; border:1px solid #CACDD1; border-radius:6px; color:#555960; font-size:2.3cqw; }
.collage-send { display:grid; place-items:center; width:3.7cqw; height:3.7cqw; border-radius:4px; background:#FFE45C; border:1px solid #0B0D10; color:#0B0D10; font-size:3cqw; line-height:1; }
.collage-saved { position:absolute; left:1%; top:62%; width:48%; isolation:isolate; }
.saved-history { position:absolute; inset:0; border:1px solid #0B0D10; background:#FBF8F2; z-index:-1; }
.history-one { transform:translate(1.6cqw,-1.8cqw) rotate(2deg); background:#74A9E8; }
.history-two { transform:translate(.7cqw,-.9cqw) rotate(-1deg); background:#68B8AD; }
.saved-sheet { position:relative; border:1.5px solid #0B0D10; background:#FFFFFF; }
.analytics-page .saved-sheet-label { display:flex; gap:1cqw; align-items:center; padding:1.8cqw 2.2cqw; border-bottom:1px solid #0B0D10; background:#EBECEE; font-size:2.4cqw; font-weight:650; line-height:1.2; color:#0B0D10; }
.saved-sheet-label .saved-status-mark { font-size:2.8cqw; }
.dossier-folder { position:relative; width:85%; aspect-ratio:260/160; margin:1.4cqw auto; }
.folder-back-art { position:absolute; inset:0; width:100%; height:100%; }
.saved-files { position:absolute; z-index:1; top:22%; left:9%; right:9%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.4cqw; }
.folder-file-slot { display:grid; justify-items:center; }
.saved-file { transform-origin:center bottom; }
.file-type { position:relative; display:block; width:10.5cqw; height:13.125cqw; }
.file-type img { width:100%; height:100%; }
.file-type strong { position:absolute; top:52.5%; left:12.5%; width:75%; transform:translateY(-50%); text-align:center; font-size:2.6cqw; line-height:1.2; font-weight:750; color:#0B0D10; }
.folder-pocket { position:absolute; z-index:2; inset:0; pointer-events:none; }
.folder-pocket>img { width:100%; height:100%; }
.analytics-page .folder-pocket h3 { position:absolute; top:72%; left:8%; right:8%; font-size:2.5cqw; text-align:center; line-height:1.2; font-weight:750; letter-spacing:-.025em; }
@media(max-width:760px) { .hero-collage { max-width:580px; }.collage-chat { box-shadow:2px 2px 0 #74A9E8; } }

/* Motion stays within the collage; completed evidence remains on the page. */
.collage-tool { transform-origin:50% 90%; }
.collage-result-packet { position:absolute; z-index:4; pointer-events:none; width:8cqw; height:10cqw; opacity:0; }
.collage-result-packet .file-type { width:100%; height:100%; }
.collage-result-packet .file-type img { width:100%; height:100%; }
.collage-result-packet .file-type strong { font-size:2cqw; }
@media(prefers-reduced-motion:reduce) { .collage-result-packet { display:none; } .collage-tool .tool-active-art { opacity:1; } }

/* User-requested AI working shimmer, confined to the agent's status text. */
@supports (background-clip:text) or (-webkit-background-clip:text) {
  .analytics-page .agent-working .collage-agent-message p {
    background:linear-gradient(105deg,#5B2A91 0%,#365FCC 25%,#167A7A 50%,#9751A0 75%,#5B2A91 100%);
    background-size:200% 100%;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    animation:agent-text-shimmer 2.2s linear infinite;
  }
}
@keyframes agent-text-shimmer {
  from { background-position:0% 0; }
  to { background-position:-200% 0; }
}
.analytics-page .motion-paused .collage-agent-message p { animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) {
  .analytics-page .agent-working .collage-agent-message p { animation:none; background:none; color:#0B0D10; }
}