/* Level design, the flow editor: camera and drag and drop (levelflow.js). Under .lf-; the
   window, the sections and the fields are the kit of levelchecklist.css. */

.lf-root { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.lf-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #4a4d55 transparent; }
.lf-status { flex: none; min-height: 22px; padding: 3px 14px; color: var(--warn); font-size: 11px; border-top: 1px solid var(--line); }
.lf-status:empty { visibility: hidden; }

/* A pose, a point or a range: a few numbers that mean one thing, and the buttons that fill them in. */
.lf-dialog .le-control-cell { max-width: 330px; }
.lf-tuple { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end; gap: 6px 10px; }
.lf-part { display: flex; flex-direction: column; gap: 2px; }
.lf-part-label { color: var(--dim); font-size: 10px; }
.lf-grabs { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; flex-basis: 100%; }