.li-opts { border-top: 0; border-bottom: 1px solid var(--border); }
.li-stepper { display: inline-flex; align-items: center; gap: 4px; }
.li-stepper .btn { width: 36px; height: 36px; padding: 0; justify-content: center; font-size: 18px; }
.options .li-stepper input[type="number"] { width: 84px; text-align: center; }
.options input[aria-invalid="true"] { border-color: var(--danger); box-shadow: 0 0 0 3px var(--danger-tint); }
.li-out { padding: 16px; }
.li-io { min-height: 340px; height: 22em; }
.li-label { margin: 8px 0 0; }
#tool > .notice { margin-top: 0; }
@media (max-width: 768px) {
  .li-unit { width: 100%; }
  .li-unit .segmented { display: flex; flex: 1; }
  .li-unit .segmented label { flex: 1; justify-content: center; min-height: 44px; }
  .li-qty { width: 100%; }
  .li-stepper .btn { width: 44px; height: 44px; }
  .options .li-stepper input[type="number"] { height: 44px; }
  .li-out { padding: 12px; }
  .li-out .pane-head { flex-wrap: wrap; }
  .li-io { min-height: 0; height: calc(12 * 1.6em + 24px); }
}