flexa grid 2

#navigator-toolbox {
    display: grid !important;
    grid-template-areas:
             " b a "
             " c c ";
    grid-template-columns:  1fr 7fr;
}

#nav-bar {
    background-color: hsla(120, 50%, 80%, 1) !important;
    grid-area: a;
}

#TabsToolbar {
    background-color: hsla(35, 80%, 80%, 1) !important;
    padding-inline: 8px !important;
}

#titlebar {
    grid-area: b;
    max-width: fit-content !important;
}

#tabbrowser-tabs {
    --ug_contain: none;
    --ug-max_width: 70vw;
}

.scrollbox-clip[orient="horizontal"] {
    max-width: var(--ug-max_width, initial) !important;
    contain: var(--ug_contain, initial) !important;
}

#PersonalToolbar {
    background-color: hsla(200, 50%, 85%, 1) !important;
    grid-area: c;
}

#urlbar-container {
    flex-shrink: 1 !important;
}

.titlebar-spacer {
    display: none !important;
}
.titlebar-buttonbox-container {
    display: none !important;
}