/* Keep a short caption beside its control without changing repeated tables. */
.tw-config-form .tw-inline-unit:not(.tw-repeat-cell) {
    display: flex;
    flex: 0 1 auto;
    flex-flow: row wrap;
    align-items: center;
    gap: 6px 8px;
    width: fit-content;
    min-width: 0;
    max-width: 100%;
}
.tw-config-form .tw-inline-unit:not(.tw-repeat-cell) > .tw-field-caption {
    flex: 0 0 auto;
    max-width: 100%;
    margin: 0;
    line-height: 20px;
    white-space: normal;
    overflow-wrap: anywhere;
}
.tw-config-form .tw-inline-unit:not(.tw-repeat-cell) > .tw-field-control {
    flex: 0 1 150px;
    width: 150px !important;
    min-width: min(110px, 100%);
    max-width: 100%;
    margin: 0;
}
.tw-config-form .tw-inline-unit:not(.tw-repeat-cell) > .tw-field-control.tw-choice-field {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0;
}
.tw-config-form .tw-inline-unit:not(.tw-repeat-cell) > .tw-field-control > .layui-input,
.tw-config-form .tw-inline-unit:not(.tw-repeat-cell) > .tw-field-control > .layui-form-select,
.tw-config-form .tw-inline-unit:not(.tw-repeat-cell) > .tw-field-control > select {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

/* X and Y are one compact pair at every viewport size. */
.tw-config-form .tw-coordinate-fields:not(:has(> .tw-repeat-cell)) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    min-width: 0;
}
.tw-config-form .tw-inline-unit.tw-coordinate-unit:not(.tw-repeat-cell) {
    flex: 0 1 118px;
    flex-wrap: nowrap;
    gap: 6px;
    width: 118px;
    min-width: 0;
    max-width: calc((100% - 12px) / 2);
}
.tw-config-form .tw-inline-unit.tw-coordinate-unit:not(.tw-repeat-cell) > .tw-field-caption {
    flex: 0 0 12px;
    max-width: none;
    line-height: 20px;
    white-space: nowrap;
    overflow-wrap: normal;
}
.tw-config-form .tw-inline-unit.tw-coordinate-unit:not(.tw-repeat-cell) > .tw-field-control {
    flex: 1 1 100px;
    width: 100px !important;
    min-width: 0;
}
.tw-config-form .tw-coordinate-fields:not(:has(> .tw-repeat-cell)) > .tw-field-help {
    flex: 1 1 180px;
    min-width: 0;
}
@media (max-width: 750px) {
    .tw-config-form .tw-coordinate-fields:not(:has(> .tw-repeat-cell)) > .tw-field-help {
        flex-basis: 100%;
    }
}