/* Fixed composition: conversation details become a compact pair of memories. */
.developer-page .ingestion-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:60px 0 0;align-items:start}.ingestion-card{min-width:0}.developer-page .ingestion-placeholder{aspect-ratio:3/2;border:1px solid var(--dev-343536,#343536);border-radius:3px;background:var(--dev-0d0e0f,#0d0e0f)}.developer-page .ingestion-copy{padding-top:30px}.developer-page .ingestion-copy h3{display:flex;align-items:center;gap:12px;font:500 22px/1.4 var(--sans);color:var(--dev-ededed,#ededed)}.ingestion-copy h3 svg{width:23px;height:23px;flex:none}.developer-page .ingestion-copy p{margin-top:18px;font:400 22px/1.6 var(--sans);color:var(--dev-a0a2a6,#a0a2a6);max-width:36em}
.developer-page .ingestion-stage{position:relative;aspect-ratio:3/2;overflow:hidden;border:1px solid var(--dev-343536,#343536);border-radius:3px;background:var(--dev-0d0e0f,#0d0e0f);isolation:isolate}
.ingestion-stage .memory-selection{display:block;width:100%;height:100%;overflow:hidden}
.ingestion-stage .selection-icon{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ingestion-stage .inbox-shell{fill:var(--dev-17191b,#17191b);stroke:var(--dev-363a3f,#363a3f);stroke-width:1.2}
.ingestion-stage .inbox-title{font:500 19px "Geist Sans",sans-serif;fill:var(--dev-c1c8d1,#c1c8d1);transition:fill .5s ease}
.ingestion-stage .inbox-divider{stroke:var(--dev-303438,#303438);stroke-width:1}
.ingestion-stage .memory-slot{fill:var(--dev-1c1f22,#1c1f22);stroke:var(--dev-2c3136,#2c3136);stroke-width:1;stroke-dasharray:3 4}
.ingestion-stage .conversation-fragment{opacity:.34;transition:opacity .65s ease}
.ingestion-stage .conversation-fragment.is-visible{opacity:1}
.ingestion-stage .conversation-surface{fill:var(--dev-24272b,#24272b);stroke:var(--dev-363a3e,#363a3e);stroke-width:1}
.ingestion-stage .text-bar{fill:var(--dev-686e76,#686e76);transition:fill .55s ease}
.ingestion-stage .text-bar.quiet{fill:var(--dev-454b52,#454b52)}
.ingestion-stage .attachment{fill:var(--dev-30353b,#30353b);stroke:var(--dev-424951,#424951);stroke-width:1}
.ingestion-stage .attachment-icon{color:var(--dev-8c959f,#8c959f)}
.ingestion-stage .selected-detail.is-selected{fill:var(--dev-a9ccff,#a9ccff)}
.ingestion-stage .selection-transfer{color:var(--dev-a9ccff,#a9ccff);opacity:0;transform:translateX(-3px);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}
.ingestion-stage .selection-transfer.is-active{opacity:.7;transform:translateX(0)}
.ingestion-stage .retained-memory{opacity:.22;transition:opacity .75s ease}
.ingestion-stage .retained-memory.is-visible{opacity:1}
.ingestion-stage .retained-surface{fill:var(--dev-222d3a,#222d3a);stroke:var(--dev-617a98,#617a98);stroke-width:1}
.ingestion-stage .retained-bar{fill:var(--dev-a9ccff,#a9ccff)}
.ingestion-stage .retained-bar.secondary{fill:var(--dev-61768e,#61768e)}
.ingestion-stage .retained-check{color:var(--dev-a9ccff,#a9ccff)}
.ingestion-stage .memory-inbox{opacity:.7;transition:opacity .6s ease}
.ingestion-stage.is-complete .memory-inbox{opacity:1}
.ingestion-stage.is-complete .inbox-icon{color:var(--dev-a9ccff,#a9ccff)}
.ingestion-stage.is-complete .conversation-fragment{opacity:.55}
.ingestion-stage.is-resetting .conversation-fragment{opacity:.34}
.ingestion-stage.is-resetting .retained-memory{opacity:.22}
.ingestion-stage.is-resetting .selected-detail{fill:var(--dev-686e76,#686e76)}
.ingestion-stage.is-resetting .selection-transfer{opacity:0}
@media(prefers-reduced-motion:reduce){.ingestion-stage *{transition:none!important}}

/* Shared origins keep the panel and its contents moving as one object. */
.ingestion-stage .conversation-fragment{transform-origin:163px 200px;transition:opacity .65s ease,transform .85s cubic-bezier(.22,1,.36,1)}
.ingestion-stage .memory-inbox,.ingestion-stage .retained-memory{transform-origin:450px 200px;transition:opacity .7s ease,transform .85s cubic-bezier(.22,1,.36,1)}
.ingestion-stage.focus-conversation .conversation-fragment{transform:translateY(-3px) scale(1.035)}
.ingestion-stage.focus-memory .memory-inbox,.ingestion-stage.focus-memory .retained-memory{transform:translateY(-3px) scale(1.04)}
.ingestion-stage.focus-memory .memory-inbox{opacity:1}
.ingestion-stage.focus-memory .inbox-title{fill:var(--dev-e4edfa,#e4edfa)}
