/* V167: keep the existing graph guide fully visible above the bottom timeline. */
@import url('/tupu/layout-clarity-v176.css?v=176');
@import url('/tupu/museum-grade-graph-v181.css?v=181b');

.graph-stage .liubao-guide {
  right: 18px !important;
  bottom: 28px !important;
  max-width: calc(100% - 36px);
}

@media (max-width: 900px) {
  .graph-stage .liubao-guide {
    right: 12px !important;
    bottom: 18px !important;
    max-width: calc(100% - 24px);
  }
}

@media (max-width: 560px) {
  .graph-stage .liubao-guide {
    right: 10px !important;
    bottom: 14px !important;
    max-width: calc(100% - 20px);
  }
}
/* Restore a single header offset, and let panels fit between header and timeline. */
html body .app-shell{height:100dvh!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
html body .app-shell>.topbar{position:relative!important;top:0!important;flex:0 0 auto!important}
html body .app-shell>.workspace{position:relative!important;top:0!important;bottom:auto!important;flex:1 1 0!important;height:auto!important;min-height:0!important;padding-bottom:12px!important;overflow:hidden!important}
html body .app-shell>.timeline-bar{position:relative!important;top:auto!important;bottom:auto!important;flex:0 0 64px!important;height:64px!important}
html body .workspace>.graph-stage,html body .workspace>.control-panel,html body .workspace>.detail-panel{height:100%!important;min-height:0!important;max-height:100%!important}
html body .workspace>.control-panel,html body .workspace>.detail-panel{overflow-y:auto!important;overscroll-behavior:contain!important}
@media(max-width:900px){html body .app-shell>.timeline-bar{flex-basis:58px!important;height:58px!important}}