/* Scoped draft scene renderer. No animation, shrink-to-fit or hidden transcript. */
.lore-slide-state { --slide-scale:1; box-sizing:border-box; color:var(--slide-foreground); background:var(--slide-background); font-family:var(--slide-font-family); font-synthesis:none; overflow-wrap:anywhere; }
.lore-slide-state *, .lore-slide-state *::before, .lore-slide-state *::after {box-sizing:border-box;}
.lore-slide-state .lore-slide-gaps {padding:12px 16px; font-size:16px; line-height:1.5; white-space:pre-wrap; color:var(--slide-foreground); border-bottom:1px solid var(--slide-accent);}
.lore-slide-state .lore-slide-canvas {margin:0; padding:48px; display:grid; grid-template-rows:88px 504px 32px; gap:0; height:720px;}
.lore-slide-state .lore-slide-heading {margin:0; font-size:calc(40px * var(--slide-scale)); font-weight:700; line-height:1.15; white-space:pre-wrap;}
.lore-slide-state .lore-slide-body {display:flex; flex-direction:column; gap:20px; min-width:0; min-height:504px;}
.lore-slide-state .lore-slide-text {margin:0; white-space:pre-wrap; font-size:calc(28px * var(--slide-scale)); line-height:1.3; font-weight:400; min-width:0;}
.lore-slide-state > .lore-slide-footer {padding:0 48px; font-size:16px; line-height:32px; color:var(--slide-muted);}
.lore-slide-state .lore-slide-adjacent {padding:24px 48px 40px; border-top:2px solid var(--slide-accent); display:flex; flex-direction:column; gap:20px;}
.lore-slide-state .lore-slide-adjacent .lore-slide-text {font-size:calc(22px * var(--slide-scale));}
.lore-slide-state .lore-slide-image {margin:0; min-width:0; display:flex; flex-direction:column; gap:12px;}
.lore-slide-state .lore-slide-image img {display:block; object-fit:contain; width:100%; max-height:350px;}
.lore-slide-state .lore-slide-asset-gap {padding:24px; border:2px dashed var(--slide-accent); font-size:calc(28px * var(--slide-scale)); white-space:pre-wrap;}
.lore-slide-state .lore-slide-graph {width:100%; min-height:504px; flex:none; overflow:visible;}
.lore-slide-state .lore-slide-node-text {height:100%; display:flex; flex-direction:column; justify-content:center; gap:12px; color:var(--slide-foreground);font-family:var(--slide-font-family);}
.lore-slide-state .lore-slide-node-text .lore-slide-text {font-size:22px;line-height:1.25;}
.lore-slide-state .lore-slide-node, .lore-slide-state .lore-slide-relation {padding:16px; border:2px solid var(--slide-accent); border-radius:12px; display:flex;flex-direction:column;gap:12px;}
.lore-slide-state .lore-slide-reference {font:inherit; font-size:calc(28px * var(--slide-scale)); padding:16px; white-space:pre-wrap; text-align:left; color:var(--slide-foreground); background:var(--slide-background); border:2px solid var(--slide-accent);opacity:1;}
/* The recipe readability floor applies to teaching text on the presentation canvas. */
.lore-slide-state.presentation .lore-slide-body .lore-slide-text, .lore-slide-state.presentation .lore-slide-reference, .lore-slide-state.presentation .lore-slide-asset-gap {font-size:calc(32px * var(--slide-scale));}
.lore-slide-state :focus-visible {outline:3px solid var(--slide-accent);outline-offset:4px;}
.lore-slide-state .layout-image_with_text .lore-slide-body {display:grid;grid-template-columns:1fr 1fr;align-content:start;}
.lore-slide-state .layout-title .lore-slide-body {justify-content:center;}
.lore-slide-state .layout-question .role-option {padding:16px;border-left:4px solid var(--slide-accent);}
.lore-slide-state.reading .lore-slide-canvas {height:auto;padding:20px;display:flex;flex-direction:column;gap:24px;min-height:0;}
.lore-slide-state.reading .lore-slide-heading {min-height:0;}
.lore-slide-state.reading .lore-slide-body {display:flex;flex-direction:column;min-height:0;gap:24px;}
.lore-slide-state.reading .lore-slide-adjacent {padding:24px 20px;}
.lore-slide-state.reading > .lore-slide-footer {padding:0 20px;line-height:1.5;}
.lore-slide-state.reading .lore-slide-node-text .lore-slide-text {font-size:calc(22px * var(--slide-scale));}
.lore-slide-state.reading .lore-slide-image img {max-height:none;}
@media (prefers-reduced-motion:reduce) {.lore-slide-state * {animation:none!important;transition:none!important;}}

/* Reference navigation is reading chrome, outside the captured presentation. */
.lore-slide-state .lore-slide-navigation {display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px;font-family:var(--slide-font-family);color:var(--slide-foreground);background:var(--slide-background);}
.lore-slide-state .lore-slide-navigation-button {font:inherit;font-size:calc(18px * var(--slide-scale));line-height:1.4;min-height:44px;max-width:100%;padding:10px 14px;white-space:normal;overflow-wrap:anywhere;color:inherit;background:transparent;border:2px solid var(--slide-accent);border-radius:6px;cursor:pointer;}
.lore-slide-state .lore-slide-reference:enabled {cursor:pointer;}