/* 간격 대상과 두 가지 기본 설정은 항상 보이고, 방향별 입력은 접어서 표시한다. */
.fradmin-spacing-row { display: grid; grid-template-columns: 76px minmax(0, 1fr) 65px; align-items: center; gap: 8px; margin-top: 12px; }
.fradmin-spacing-row > label { color: #56637a; font-size: 12px; font-weight: 700; }
.fradmin-spacing-row > button { padding: 9px 6px; font-size: 12px; }
.fradmin-spacing-input { display: flex; min-width: 0; align-items: center; gap: 6px; }
.fradmin-spacing-input > input { min-width: 0; padding: 9px; }
.fradmin-spacing-input > span { color: #8a95a8; font-size: 12px; }
.fradmin-spacing-detail { margin-top: 16px; padding-top: 12px; border-top: 1px solid #edf0f6; }
.fradmin-spacing-detail > summary { color: #56637a; font-size: 12px; font-weight: 700; cursor: pointer; }
.fradmin-spacing-detail > p { color: #7f8aa0; font-size: 11px; line-height: 1.6; }
.fradmin-spacing-sides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.fradmin-spacing-sides > span { grid-column: 1 / -1; color: #56637a; font-size: 12px; font-weight: 700; }
.fradmin-spacing-side { min-width: 0; color: #7f8aa0; font-size: 11px; }
.fradmin-spacing-side > span { display: block; margin-bottom: 4px; }
.fradmin-spacing-side .fradmin-input { width: 100%; padding: 8px; }