/* SVG fills its parent container */
svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* View containers fill all remaining height after the navbar.
   min-height: 0 is required so that height: 100% on the SVG child resolves
   against the flex-determined height rather than the SVG's intrinsic size. */
#visualization-container,
#editor-view {
    min-height: 0;
}

/* Settings offcanvas: size to content instead of Bootstrap's default 30% */
.settings-panel {
    height: auto !important;
}

/* Editor interaction hint */
.editor-hint {
    font-size: 0.85rem;
    color: var(--bs-secondary-color);
}



.form-helper-button {
    color: inherit;
    font-size: inherit;
}