/* A scene uses its container width, with independent native phone composition.
   Text is selectable HTML and never ellipsized, line-clamped or outlined. */
.home-scene{container:home-scene / inline-size;display:block;width:100%;min-width:0}
.home-scene-variant{position:relative;width:100%;isolation:isolate;overflow:hidden}
.home-scene-canvas{position:absolute;inset:0}
.home-scene-node{position:absolute;min-width:0}
.home-scene-geometry{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.home-scene .home-scene-avatar{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.home-scene-text{display:block;white-space:pre-line;overflow:visible;height:auto!important;user-select:text;cursor:text}
.home-scene-phone{display:none}
@media(max-width:767px){.home-scene-desktop{display:none}.home-scene-phone{display:block}}
/* Narrow desktop panels use the native compact diagram instead of shrinking
   the desktop labels below their readable phone composition. */
@container home-scene (max-width:459px){
 .home-scene-capability .home-scene-desktop{display:none}
 .home-scene-capability .home-scene-phone{display:block}
}