/* R08: a full central canvas; never stretch the subject to fill a desktop. */
.app-stage:not([data-layout="mobile"]) .shell{grid-template-columns:180px minmax(0,1fr) 220px;gap:22px;padding:12px 22px}
.app-stage:not([data-layout="mobile"]) .scene-wrap,
.app-stage:not([data-layout="mobile"]) .world-stream{max-width:none;width:100%}
.app-stage:not([data-layout="mobile"]) .scene{border-radius:20px}
.scene-media{position:absolute;inset:0;z-index:1;background:transparent}
.ambient-canvas{position:absolute;inset:-4%;width:108%;height:108%;max-width:none;filter:blur(26px) saturate(.86) brightness(.70);opacity:0;transition:opacity .18s;pointer-events:none;z-index:0}
.has-ambient .ambient-canvas{opacity:1}
.media-stage{background:#243128}
.app-stage:not([data-layout="mobile"]) .scene-media,
.app-stage:not([data-layout="mobile"]) .scene.contain .scene-media{object-fit:scale-down;background:transparent}
.app-stage:not([data-layout="mobile"]) .scene.contain .ambient-canvas{filter:blur(32px) saturate(.72) brightness(.48)}
.app-stage:not([data-layout="mobile"]) .scene-top{left:22px;right:16px;top:14px}
.app-stage:not([data-layout="mobile"]) .scene-caption{left:24px;bottom:22px;right:90px}
.app-stage:not([data-layout="mobile"]) .action-stack{right:18px;bottom:28px}
.app-stage:not([data-layout="mobile"]) .feed-transport{left:auto;right:14px;top:43%;z-index:7}
.app-stage:not([data-layout="mobile"]) .feed-transport button{border-color:#ffffff40;background:#14251b55;color:#fff;backdrop-filter:blur(12px)}
.app-stage[data-layout="tablet"] .shell{grid-template-columns:78px minmax(0,1fr)}
.app-stage[data-layout="tablet"] .rail{display:none}

.scene-top{z-index:4}
.scene-caption{z-index:4}
.scene-shade{z-index:2;background:linear-gradient(180deg,#0005,transparent 17%,transparent 77%,#0006)}
.play-center{z-index:3}
.scene.is-paused[data-preparation="buffering"] .play-center{opacity:0}
.media-status{z-index:5}
.media-status:empty{display:none}
.media-recovery{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.buffer-facts{font-size:10px;color:#7d8979;line-height:1.6;margin:0 0 8px}
.cute-grid{columns:3 160px;column-gap:12px;display:block}
.cute-grid .tile{break-inside:avoid;display:block;width:100%;margin:0 0 12px}
.cute-grid .tile>img,.cute-grid .video-tile>img{height:auto;aspect-ratio:auto;object-fit:contain}
.cute-grid .tile-copy h3{font-size:12px;line-height:1.5}
.cute-grid .video-tile{height:auto;min-height:130px;position:relative}
.app-stage[data-layout="mobile"] .cute-grid{columns:2 130px;column-gap:9px}
.app-stage[data-layout="mobile"] .cute-grid .tile{margin-bottom:9px}
@media(prefers-reduced-motion:reduce){.ambient-canvas{transition:none}}

/* R09 opt-in diagnostics, not a feed overlay. */
.delivery-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e5e8e1}.delivery-row>span{flex:0 0 20px;color:#839084;font-size:12px}.delivery-row p{flex:1;margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.delivery-row small{flex:0 0 auto;font-size:11px;color:#526c5d}.delivery-list{margin:12px 0 20px}